Help with JQuery example

Hello List,

I am trying to learn how to use jQuery.  I have the following simple example but the callback is never triggered when I hit the submit button.

I have included the JQuery library in my configuration.

Can you tell me what is wrong?

renderContentOn: html

    html form with:
        [html label with: 'Name'.
        (html textInput)
            id: #temp;
            value: 'sample text'.

        html submitButton onClick: (html jQuery ajax
            callback: [:v | self halt]
            value: (html jQuery: #temp) value)]


With Thanks,
Frank

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

Hello Again,

The callback for the onClick works but now I am stuck on getting the callback for the button to be called - the one with the comment "non-ajax callback" in the code below.

I read on the web that: "Instead put your callback code into the jQuery callback itself, aka the #script: block."  This is what I am trying to do below but it failed along with a few other experiments I tried.

What I want to do is trigger the form so that all the various callbacks are called.

Can you offer any help with this?

Thanks again,
Frank

----- code follows ----

renderContentOn: html

(html form)
    id: #form;
    with:
        [html label with: 'Name'.
        (html textInput)
            id: #temp;
            value: 'sample text'.

        (html button bePush)
            onClick: (html jQuery ajax
                callback: [:v | self halt]
                value: (html jQuery: #temp) value);

            onClick: (html jQuery ajax script:
                [:s | (s jQuery: #form) triggerSubmit]);

            callback: [self halt];    " non-ajax callback"
            with: 'Pay >']


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

On 23/08/2012 6:53 PM, Bob Arning wrote:

Well, now that you have the triggerSubmit in there, this seems to work:

renderContentOnSqueakman3: html

(html form)
     id: #form;
     with:
         [html label with: 'Name'.
         (html textInput)
             id: #temp;
             value: 'sample text'.

         (html button beSubmit)
             onClick: (html jQuery ajax
                 callback: [:v | self halt]   "<=== this is never called"
                 value: (html jQuery: #temp) value);

             onClick: (html jQuery ajax script:           "<=== not needed"
                 [:s | (s jQuery: #form) triggerSubmit]); "<== not needed"

             callback: [self halt];    " non-ajax callback"
             with: 'Pay >']

Yes, that does call the "non-ajax callback" but now the callback marked

     "<=== this is never called"

above is not called.


Also, it seems that with the beSubmit added, the two lines marked

    "<=== not needed"

are not needed.


I will keep plugging away at this and if I get a solution I will post it.

Thanks,
Frank

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

Robert Sirois <watchlala <at> hotmail.com> writes:

I don't think two click listeners can be registered like that. There 

can only be one #onClick() if I remember right. Try to chain the 
jquery calls.

I hope you don't mind me jumping into the conversation. I am also 
struggling with callbacks with ajax. I have an issue with your
statement that 'There can only be one #onCLick(). However, the code
 in Dynamic Web Development with Seaside 20.4.1.Defining 
a Callback shows two onClick handlers being specified.

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

Robert Sirois <watchlala <at> hotmail.com> writes:

It looks > 
First of all, 
Also, callbacks are 

Thanks kindly for your answer and recommendations - I have cleaned 
up the code (paste http://paste.ubuntu.com/1172179/). It remains a mystery 
of why the callback for the #onChange event does not execute; I have
placed a 'self halt' in the callback and also output to the Transcript.

As use the same the #renderTheListWith: on : method in the 
callback, and the initial rendering. It could be possible, but I have
not tried it to trigger the #onChange programmatically when the page
is loaded and render the list via the callback.

Eventually I would like to achieve the following scenario:
1. tabs represent the data for one type of loan.
2. A listbox A displayes a list of values dependent on the type of loan.
3. An input text computes via AJAX a price displayed in the input 
text box when the initial selection in listbox A is rendered, and when
 a selection is made in listbox A. I like to make the input text box 
display like a slider with a price at its middle, the range dependent
on the type of loan and the selection in listbox A.
4. A multiselect listbox B displays values obtained via AJAX according 
to the type of loan, the selection in listbox A. The values selected 
by default depend on the loan type, the value selected in listbox A, 
and the slider in the input text box.


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