librelist archives

« back to archive

Add slider

Add slider

From:
angela martin
Date:
2012-07-30 @ 10:08
hello,
I am working on a project where the user can upload any image and change
its various properties like brightness, contrast, to grayscale, all text
and all.
I have the form and using AJAX with Jquery to communicate btw. All i need
now is a slider. A slider where user can change the brightness and other
options and instantly the picture's RGB value of each pixel change
accordingly.
wxPython have slider but i don't know how to add it into flask.
Because wxPython
is a GUI toolkit and is used for desktop application and not server-client
application. So i am a little confused.
Or if someone else have some different idea about adding sliders to it
please say.
I want that the slider value get itself updated and the changes in the
image is shown immediately. I hope there is some way. Please help.

Re: [flask] Add slider

From:
lynadge
Date:
2012-07-30 @ 10:17
I think thats more JavaScript related than flask and python?

Take a look at this: http://jqueryui.com/demos/slider/

Am 30.07.2012 11:08, schrieb angela martin:
> hello,
> I am working on a project where the user can upload any image and
> change its various properties like brightness, contrast, to 
> grayscale,
> all text and all.
> I have the form and using AJAX with Jquery to communicate btw. All i
> need now is a slider. A slider where user can change the brightness
> and other options and instantly the picture's RGB value of each pixel
> change accordingly. 
> wxPython have slider but i don't know how to add it into flask.
> Because wxPython is a GUI toolkit and is used for desktop application
> and not server-client application. So i am a little confused.
> Or if someone else have some different idea about adding sliders to 
> it
> please say.
> I want that the slider value get itself updated and the changes in 
> the
> image is shown immediately. I hope there is some way. Please help.

Re: [flask] Add slider

From:
angela martin
Date:
2012-07-30 @ 10:28
Yeah it is and thank you for all the help.
But i don't get one think how it send the values automatically to the
server and show the update image without submitting any form.

Re: [flask] Add slider

From:
Nathan M
Date:
2012-07-31 @ 08:09
Hi,
You can set jquery to watch the sliders with an 'onchange' event and then
send the new value using ajax.

Considering your question, I strongly advise you to follow a few generic
jquery tutorials (in particular the event section), then to dig on Ajax
with jquery.

You could finish with backbone.js when you gain more experience (there is a
nice tutorial on nettuts.).

Have fun!
Nathan


--
/*
** "What do you despise? By this you are truly known."
**	from Manual of Muad'Dib by the Princess Irulan.

*/




On Tue, Jul 31, 2012 at 8:23 AM, Nathan M <feydaykyn@gmail.com> wrote:

> You can set jquery to watch the sliders with some 'onchange' event and
> then send the new value  using ajax.
> Considering your  question, I strongly advise you to follow a few generic
> jquery tutorials (in particular the event section), then to dig on Ajax
> with jquery. You could finish with backbone.js when you gain more
> experience (there is a nice tutorial on nettuts.).
> Have fun!
> On Jul 30, 2012 12:28 PM, "angela martin" <martinangela63@gmail.com>
> wrote:
>
>> Yeah it is and thank you for all the help.
>> But i don't get one think how it send the values automatically to the
>> server and show the update image without submitting any form.
>>
>

Re: [flask] Add slider

From:
angela martin
Date:
2012-08-06 @ 10:54
Thank you  Nathan M