[Seaside] JQuery Slider
John Toohey
jt at parspro.com
Thu May 20 01:28:02 UTC 2010
The return from the ajax call is a jQuery script that will update the DOM,
and the browser does the rendering.
I use it like this :-
html span id: #delay; class:'text'; with: 'Delay : ', self delay
greaseString.
html div
script: (html jQuery new slider
value: self delay;
min: 0;
max: 30;
onChange: (html jQuery ajax
callback: [:value | self delay: value asNumber]
value: (html jQuery this slider getValue);
script: [:s | s << ((html jQuery: #delay) html: 'Delay : ', self delay
greaseString )]))
On Wed, May 19, 2010 at 17:41, Timothy James Ziebart <
timothy at churchmilitant.org> wrote:
> Thanks Lukas,
>
> I understand the updating of the values but the rendering is what is
> getting me. How can I update screen to display the values as they are
> changing? Or am I missing something?
>
>
> On 10-05-19 02:15 PM, Lukas Renggli wrote:
>
>> What about adding something along the following lines to your AJAX call:
>>
>> script: [ :script |
>> script add: (script jQuery id: 'pricemax'; value: model priceMax).
>> script add: (script jQuery id: 'pricemin'; value: model priceMin) ]
>>
>> Lukas
>>
>> On 19 May 2010 22:44, Timothy James Ziebart<timothy at churchmilitant.org>
>> wrote:
>>
>>
>>> Hi all, looking for some suggestions. I have implemented the following
>>> slider:
>>>
>>> html div id: 'o_left';
>>> with:[
>>>
>>>
>>> html textInput id: 'pricemax'.
>>> html textInput id: 'pricemin'.
>>>
>>> html div script: (html jQuery new slider
>>> range: true;
>>> step: 50000;
>>> min: 0;
>>> max: 5000000;
>>> values: prices;
>>> orientation: 'horizontal';
>>> onSlide: (html jQuery ajax
>>> callback: [:value | |var|
>>> var := value findTokens: ','.
>>> model priceMax: (var at: 2) asNumber.
>>> model priceMin: (var at: 1) asNumber.
>>> ]
>>> value:(html jQuery this slider option: 'values')))].
>>>
>>> The slider has two handles and with the above code does update the
>>> priceMax
>>> and priceMin successfully. Where I am having troubles is how to
>>> implement
>>> the updating of the two html text inputs while sliding. I am still
>>> trying
>>> to get a better understanding of JQuery and its implementation in Seaside
>>> 3.0.
>>>
>>> Thank you for the help.
>>>
>>> Tim
>>> _______________________________________________
>>> seaside mailing list
>>> seaside at lists.squeakfoundation.org
>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>
>>>
>>>
>>
>>
>>
>>
>
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
--
-JT
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.squeakfoundation.org/pipermail/seaside/attachments/20100519/1b772a6d/attachment.htm
More information about the seaside
mailing list