<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title></title>
</head>
<body bgcolor="#ffffff" text="#000000">
Thanks John and Lukas, the following works:<br>
<br>
html strong: 'Min: '.<br>
html textInput id: #pricemin; size: 8; value: model priceMin
greaseString.<br>
html strong: 'Max: '. <br>
html textInput id: #pricemax; size: 8; value: model priceMax
greaseString.<br>
<br>
html div script: (html jQuery new slider<br>
range: true;<br>
step: 50000;<br>
min: 0;<br>
max: 5000000;<br>
values: prices;<br>
orientation: 'horizontal';<br>
onSlide: (html jQuery ajax<br>
callback: [:value | |var| <br>
var := value findTokens: ','.<br>
model priceMax: (var at: 2) asNumber.<br>
model priceMin: (var at: 1) asNumber.<br>
]<br>
value:(html jQuery this slider option: 'values');<br>
script:[ :script |<br>
script << ((html jQuery: #pricemax) value:
model priceMax greaseString).<br>
script << ((html jQuery: #pricemin) value:
model priceMin greaseString)]))].<br>
<br>
<br>
On 10-05-19 06:28 PM, John Toohey wrote:
<blockquote
cite="mid:AANLkTikEmjeV9WDxPjqs4M3-tT7WeVKXYe27KvwkHr3l@mail.gmail.com"
type="cite">
<meta charset="utf-8">
<div>The return from the ajax call is a jQuery script that will
update the DOM, and the browser does the rendering. </div>
<div><br>
</div>
I use it like this :-
<div><br>
</div>
<div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>html
span id: #delay; class:'text'; with: 'Delay : ', self delay
greaseString. </div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>html
div </div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>script:
(html jQuery new slider</div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>value:
self delay;</div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>min:
0;</div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>max:
30;</div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>onChange:
(html jQuery ajax </div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>callback:
[:value | self delay: value asNumber]</div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>value:
(html jQuery this slider getValue);</div>
<div><span class="Apple-tab-span" style="white-space: pre;"> </span>script:
[:s | s << ((html jQuery: #delay) html: 'Delay : ', self delay
greaseString )]))</div>
</div>
<br>
<div class="gmail_quote">On Wed, May 19, 2010 at 17:41, Timothy James
Ziebart <span dir="ltr"><<a moz-do-not-send="true"
href="mailto:timothy@churchmilitant.org">timothy@churchmilitant.org</a>></span>
wrote:<br>
<blockquote class="gmail_quote"
style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Thanks
Lukas,<br>
<br>
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?
<div>
<div class="h5"><br>
<br>
On 10-05-19 02:15 PM, Lukas Renggli wrote:<br>
<blockquote class="gmail_quote"
style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
What about adding something along the following lines to your AJAX call:<br>
<br>
script: [ :script |<br>
script add: (script jQuery id: 'pricemax'; value: model
priceMax).<br>
script add: (script jQuery id: 'pricemin'; value: model
priceMin) ]<br>
<br>
Lukas<br>
<br>
On 19 May 2010 22:44, Timothy James Ziebart<<a moz-do-not-send="true"
href="mailto:timothy@churchmilitant.org" target="_blank">timothy@churchmilitant.org</a>>
wrote:<br>
<br>
<blockquote class="gmail_quote"
style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Hi all, looking for some suggestions. I have implemented the following<br>
slider:<br>
<br>
html div id: 'o_left';<br>
with:[<br>
<br>
<br>
html textInput id: 'pricemax'.<br>
html textInput id: 'pricemin'.<br>
<br>
html div script: (html jQuery new slider<br>
range: true;<br>
step: 50000;<br>
min: 0;<br>
max: 5000000;<br>
values: prices;<br>
orientation: 'horizontal';<br>
onSlide: (html jQuery ajax<br>
callback: [:value | |var|<br>
var := value findTokens: ','.<br>
model priceMax: (var at: 2) asNumber.<br>
model priceMin: (var at: 1) asNumber.<br>
]<br>
value:(html jQuery this slider option: 'values')))].<br>
<br>
The slider has two handles and with the above code does update the
priceMax<br>
and priceMin successfully. Where I am having troubles is how to
implement<br>
the updating of the two html text inputs while sliding. I am still
trying<br>
to get a better understanding of JQuery and its implementation in
Seaside<br>
3.0.<br>
<br>
Thank you for the help.<br>
<br>
Tim<br>
_______________________________________________<br>
seaside mailing list<br>
<a moz-do-not-send="true"
href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a moz-do-not-send="true"
href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside"
target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br>
<br>
</blockquote>
<br>
<br>
<br>
</blockquote>
<br>
_______________________________________________<br>
seaside mailing list<br>
<a moz-do-not-send="true"
href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a moz-do-not-send="true"
href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside"
target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</div>
</div>
</blockquote>
</div>
<br>
<br clear="all">
<br>
-- <br>
-JT<br>
<br>
<br>
<pre wrap="">
<fieldset class="mimeAttachmentHeader"></fieldset>
_______________________________________________
seaside mailing list
<a class="moz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
<a class="moz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a>
</pre>
</blockquote>
<br>
</body>
</html>