2009/10/6 Richard Durr <
[hidden email]>:
> Hello,
> I'd like to set the background-color of a parent element that contains a
> selectbox using ajax without replacing the whole. I tried to load the value
> through "ajax html:" like so:
> html select
> onChange: (html jQuery ajax serialize: html jQuery this) ,
> ((html jQuery this parent: '.model' ) cssAt: 'background-color' put:
> (html jQuery ajax html: [:r | r text: 'red' ]));
> callback: [ :value | aModelObject color: value key. ];
> selected: selectedColor;
> addAll: colors;
> labels: [:item | item value.].
The use of
html jQuery this parent: '.model'
is a bit strange, because this only returns the *direct* parents that
have the class .model. You might easily end up with an empty result
set and simply nothing happens. It might not be a problem in your
case, but it would be more intention revealing if you used #closest:
instead of #parent:
The expression
html jQuery ajax html: [:r | r text: 'red' ]
does not return the requested value, but the AJAX object itself.
Furthermore AJAX calls are asynchronous, so they immediately return.
Something along the following lines should work:
(html jQuery this closest: '.model') cssAt: 'background-color' put: 'red'
If you want to go through a server round-trip you could integrate the
change into the AJAX call you do to serialize the value. What about
something along ...
html jQuery ajax
serialize: html jQuery this;
script: [ :script | script add: ((script jQuery: '.model')
cssAt: 'background-color' put: currentColor) ]
Cheers,
Lukas
--
Lukas Renggli
http://www.lukas-renggli.ch_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
