[Seaside] JQuery updating DOM elements

Lukas Renggli renggli at gmail.com
Wed Feb 11 21:07:31 UTC 2009


#load only replaces HTML Dom nodes.

#ajax and #script: allows you to just change the value of the form
field by using #value:, which is in your case probably preferable
because the callback of the form element is not recreated.

Lukas

On Wed, Feb 11, 2009 at 9:58 PM, John Toohey <johnptoohey at gmail.com> wrote:
> Great screencast, thanks.
> Does #load set the value of the DOM element, and is it preferable to use the
> #script for updating a form?
>
> On Wed, Feb 11, 2009 at 3:21 PM, Lukas Renggli <renggli at gmail.com> wrote:
>>
>> > Changed the code to this :-
>> > html span class: 'formdata'; with: [html
>> > textInput
>> > id: #tournamentname;
>> > value: tournamentEvent tournamentName;
>> > callback: [:value | tournamentEvent tournamentName: value];
>> > onChange: ((html jQuery: #potsize) load html: [:h | h render: 999 ])].
>> > Now I'm just trying to change the default value of #potsize to 999, and
>> > I
>> > can see the initial request being sent to the server, but nothing is
>> > updated
>> > on the client.
>>
>> I removed all the noise around it, and it works for me:
>>
>>        html span id: 'potsize'.
>>        html textInput
>>                onChange: ((html jQuery: #potsize) load
>>                        html: [:h | h render: 999 ])
>>
>> > I tried to load the Slime package from your site, but received a lot of
>> > errors from my Pharo image. I can run the Slime tests that are included
>> > with
>> > Seaside 2.9 successfully, but can't see how to run Slime on my own code.
>>
>> I show how to run any of the refactoring tools on a particular set of
>> methods only in the screen-cast here:
>>
>>      http://www.lukas-renggli.ch/blog/ob-rb-3
>>
>> Lukas
>>
>> > Any help is really appreciated.
>> > Thanks.
>> > On Tue, Feb 10, 2009 at 4:09 PM, Lukas Renggli <renggli at gmail.com>
>> > wrote:
>> >>
>> >> > - How do I use Slime with my Code? Using the latest Pharo image, and
>> >> > have
>> >> > found the Slime classes, but not sure how to use them.
>> >>
>> >> http://www.lukas-renggli.ch/blog/slime
>> >>
>> >> > - Tried this :-
>> >> > html span class: 'formdata'; with: [html
>> >> > textInput
>> >> > id: #tournamentname;
>> >> > value: tournamentEvent tournamentName;
>> >> > callback: [:value | tournamentEvent tournamentName: value];
>> >> > onChange: (html jQuery ajax serializeThis; html: [:r | r render:
>> >> > [self
>> >> > test:
>> >> > 1 on:  r]] )].
>> >>
>> >> You need to specify somewhere what element to change, right?
>> >>
>> >> - You can either do that by sending back a javascript that does the
>> >> update of the particular element. In this case you would replace
>> >> "html: [ :r | .. ]" with something like "script: [ :s | s << (s
>> >> jQuery: '.someid') html: DateAndTime now ]". This is very powerful,
>> >> but also a bit complicated.
>> >>
>> >> - Or (and this is probably what you want) you can use the ajax-loader
>> >> on the particular DOM node. So just replace "html jQuery ajax" with
>> >> "(html jQuery: '.someid') load".
>> >>
>> >> Lukas
>> >>
>> >> --
>> >> Lukas Renggli
>> >> http://www.lukas-renggli.ch
>> >> _______________________________________________
>> >> seaside mailing list
>> >> seaside at lists.squeakfoundation.org
>> >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>> >
>> >
>> >
>> > --
>> > -JT
>> >
>> >
>> >
>> > _______________________________________________
>> > seaside mailing list
>> > seaside at lists.squeakfoundation.org
>> > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>> >
>> >
>>
>>
>>
>> --
>> Lukas Renggli
>> http://www.lukas-renggli.ch
>> _______________________________________________
>> seaside mailing list
>> seaside at lists.squeakfoundation.org
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
>
> --
> -JT
>
>
>
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>



-- 
Lukas Renggli
http://www.lukas-renggli.ch


More information about the seaside mailing list