[Seaside] JQuery updating DOM elements

John Toohey johnptoohey at gmail.com
Wed Feb 11 21:19:39 UTC 2009


Got it. Thanks again for your patience and help. I'm starting to really get
my head around the JQuery support now, great addition to an already superb
web framework.

On Wed, Feb 11, 2009 at 4:07 PM, Lukas Renggli <renggli at gmail.com> wrote:

> #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
> _______________________________________________
> 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/20090211/c3e37d1d/attachment-0001.htm


More information about the seaside mailing list