JQuery UI slider updates textfied and textfield updates slider: how to?

On 27 August 2010 11:34, Lawson English <[hidden email]> wrote:
>  I'm trying to connect the display of slider values to text input sorta like
> the demos on the JQueryUI site, but I can't get the connection to go both
> ways. Changing the value in the text field and pressing return will reset
> the slider position, but changing the slider position doesn't update the
> text field.

You don't tell it to update the text field.

> MyTestSlider>>renderContentOn: html
>    self renderExplanationOn: html.
> html form: [
>          html text: 'slider value here: '.
>      html textInput
>         value: self current;
>    callback: [ :value | self current: value ].
>   html div script: (html jQuery new slider
>      value: self current;
>      onStop: (html jQuery ajax
>  callback: [ :value | self current: value asNumber ]
> value: (html jQuery this slider getValue))

Try to add something along the following lines to your onStop: event:

  , ((html jQuery id: 'id-of-your-textfield) value: html jQuery this
slider getValue)

Lukas

--

Lukas Renggli
www.lukas-renggli.ch
_______________________________________________

seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

 Still not getting it, sorry. This still doesn't seem to do what I want:

renderContentOn: html
   | label1 |

   self renderExplanationOn: html.

   html form:
   [
   html text: 'slider value here: '.

   label1 := html nextId.

   html textInput
      value: self current;
      callback: [ :value | self current: value ].
  html div script:
   (html jQuery new slider
         value: self current;
         onStop:
           (html jQuery ajax
            callback: [ :value | self current: value asNumber ]

           value: (html jQuery this slider getValue)),
        ((html jQuery id: label1)

           value: html jQuery this slider getValue))

   ]


On 8/28/10 3:31 PM, Julian Fitzell wrote:

The added code generates JS that gets the text field by id ("html
jQuery id: 'id-of-your-textfield'") and sets its value ("value:") to
the value of the slider ("html jQuery this slider getValue"). Lukas is
suggesting that you need to this as well as sending the value back to
the smalltalk image. You can combine two JS actions using a comma so:

html div script:
   (html jQuery new slider
      value: self current;
      onStop:
         (html jQuery ajax
            callback: [ :value | self current: value asNumber ]
            value: (html jQuery this slider getValue)) ,
         ((html jQuery id: 'id-of-your-textfield)
            value: html jQuery this slider getValue))

Julian

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

 On 8/30/10 6:20 AM, radoslav hodnicak wrote:

you are referencing DOM id label1, but not creating any DOM element with that id. you want

html textInput id: label1, value: ...

Thanks. I had to use  (html textInput id: label1)  value: ... to get it to work though


Lawson