[Seaside] How do I use JQuery with Javascript variable

[Johan Brichau]

Francisco,

If you want to include a callback to the server on click, this is how I would do it:

(html jQuery: #testButton) onClick: (
	(html jQuery ajax 
		callback: [:val |  checkedValue := val]
		value: (JSStream on: '$(''[name=''someRadioGroup'']:radio:checked'').val()');
		onComplete: (html jQuery: #result) load html: [:renderer| renderer html: 'The radio element with value <tt>' , checkedValue, '</tt> is checked.'])

This effectively makes two callbacks: one to retrieve the value and one to render the html.

Johan

On 28 Jan 2012, at 23:55, Francisco Martins wrote:

> I'm trying to code some examples in the book I found JQuery JQuery in
> Action, Second Edition.
> 
> The example has the following code snippet:
> 
> <script type="text/javascript">
>      $(function(){
>        $('#testButton').click(function(){
>          var checkedValue = $('[name="someRadioGroup"]:radio:checked').val();
>          $('#result').html('The radio element with value <tt>' +
> checkedValue + '</tt> is checked.');
>        });
>      });
> </script>
> 
> I do not know what to write on the line with a comment below:
> 
> 	html document addLoadScript: (
> 			(html jQuery: #testButton) onClick: (
> 				(html jQuery: #result) load html: [:renderer| |checkedValue|
> 					checkedValue := 'What is equivalent to the code in the comment?'.
> "var checkedValue =
> $('[name=''someRadioGroup'']:radio:checked').val();"
> 					renderer html: 'The radio element with value <tt>' , checkedValue
> , '</tt> is checked.'
> 				]
> 			)
> 	).
> 
> Thanks for any help.
> 
> chicoary
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside