<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style>
</head>
<body class='hmmessage'>
<font class="Apple-style-span" face="Tahoma" size="4"><span class="Apple-style-span" style="font-size: 10pt;">Ah, yea, my bad. I just threw that in there from memory. The callbacks can be triggered with a submitButton or an ajax serialization. Here's a couple snippets from code I've written just as examples:</span></font><div style="font-family: Tahoma; font-size: 10pt; "><br></div><div style="font-family: Tahoma; font-size: 10pt; ">This one's pretty basic:</div><div style="font-family: Tahoma; font-size: 10pt; "><br></div><div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">renderContentOn: html</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html form: [</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html text: 'Game name: '.</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html textInput</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">callback: [:v | gameName := v ].</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html break.</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html text: 'World: '.</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html select</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">callback: [:v | worldName := v ];<font class="Apple-style-span" color="#FF0000">"The callback will get evaluated when the client hits the submitButton within the form tags"</font></span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">list: (GTLWorld worlds collect: [:w | w n ]).</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html break.</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html select</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">callback: [:v | desiredPlayers := v ];<font class="Apple-style-span" color="#FF0000">"oh... just on another note (to whoever posted that thing about restricting input values to integers), this will accomplish that)</font></span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">list: #(2 3 4 5 6).<font class="Apple-style-span" color="#FF0000">"I could have also done: #list: (2 to: 6)."</font></span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html break.</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">html submitButton<font class="Apple-style-span" color="#FF0000">"regardless of what the submitButton's callback does, the callbacks on all the form elements will be evaluated"</font></span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">callback: [ self createNewGame ];</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">value: 'Add game to queue'.</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span></div><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"> </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">].</span></font></div></div><div style="font-family: Tahoma; font-size: 10pt; "><br></div><div style="font-family: Tahoma; font-size: 10pt; ">This select will automatically go to another page when the client selects something (#goToPage: renders a new component via jQuery):</div><div style="font-family: Tahoma; font-size: 10pt; "><br></div><div style="font-family: Tahoma; font-size: 10pt; "><div><span class="Apple-tab-span" style="white-space:pre"> </span>html select</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>on: #selected of: self;<font class="Apple-style-span" color="#FF0000">"browse implementors of this method, it's another way of assigning input to instance variables"</font></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>list: ((user organizations collect: [:org | org oName ]) addFirst: '-- Select an organization --'; yourself);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>onChange: html jQuery ajax serializeThis, (html jQuery ajax script: [:s | s add: (self goToPage: s)] ).<font class="Apple-style-span" color="#FF0000">"concatenation is my lazy way of chaining jQuery/javascript"</font></div></div><div style="font-family: Tahoma; font-size: 10pt; "><br></div><div style="font-family: Tahoma; font-size: 10pt; ">This one is a little more complicated: The select will get serialized when the client hits the "Invite" button, and then refreshes the page (displaying in a list all the users the client has invited).</div><div style="font-family: Tahoma; font-size: 10pt; "><br></div><div style="font-family: Tahoma; font-size: 10pt; "><div><span class="Apple-tab-span" style="white-space:pre"> </span>html select</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>id: #invitePlayer;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>list: (self session gameObject server players collect: [:player | player username ]);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>callback: [:v | self invitedPlayers add: v ];</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>onSubmit: html jQuery ajax serializeThis.<font class="Apple-style-span" color="#FF0000">"the submit event is irrelevant... I just chose it because it wouldn't normally occur"</font></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>html button</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>bePush;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>onClick: (html jQuery: #invitePlayer) triggerSubmit, html javascript refresh;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>with: 'Invite'.</div><div><br></div><div>Anyway... I hope this helps.</div><div>RS</div><br><hr id="stopSpelling">From: johan@inceptive.be<br>Subject: Re: [Seaside] Problem smalltalk code<br>Date: Wed, 27 Oct 2010 09:39:57 +0200<br>To: seaside@lists.squeakfoundation.org<br><br>
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<meta name="Generator" content="Microsoft SafeHTML"><base><div>Changing the selection in the scroll list does not submit the form automatically. You either need to have an explicit submit button, which will trigger the callbacks on the server-side, or you need to make the form submit on the 'change' event of the scroll list.</div><div><br></div>If you want the form to submit when changing the selection in the scroll list, you can use the jQuery ajax serialize functionality like this:<div><br></div><div><div>html select</div><div><span class="ecxApple-tab-span" style="white-space:pre"> </span>list: ...</div><div><span class="ecxApple-tab-span" style="white-space:pre"> </span>callback: ....</div><div><span class="ecxApple-tab-span" style="white-space:pre"> </span>onChange: (html jQuery ajax serializeForm)</div><div><br></div><div><br></div><div>Johan</div><div><br><div><div>On 27 Oct 2010, at 09:05, Alexandre BP wrote:</div><br class="ecxApple-interchange-newline"><blockquote><span class="ecxApple-style-span" style="border-collapse:separate;font-family:Helvetica;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;font-size:medium"><div class="ecxhmmessage" style="font-size:10pt;font-family:Tahoma">Thank you for you reply Robert,<div><br></div><div>Unfortunately it doesn't work. The variable selected is not updated directly when I change from 'a' to 'b' in the scroll list.</div><div>Any idea why it doesn't work?</div><div> <br><br><hr id="ecxstopSpelling">From:<span class="ecxApple-converted-space"> </span><a href="mailto:watchlala@hotmail.com">watchlala@hotmail.com</a><br>To:<span class="ecxApple-converted-space"> </span><a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>Subject: RE: [Seaside] Problem smalltalk code<br>Date: Tue, 26 Oct 2010 10:38:09 -0600<br><br>Browse WAChoiceDialog.<div><br></div><div>You can make it as simple as:</div><div><br></div><div>renderContentOn: html</div><div><br></div><div> html form: [ html select list: (Array with: 'a' with: 'b'); callback: [:v | self selected: v ] ].</div><div> html text: self selected.</div><div><br></div><div>selected</div><div> ^selected ifNil: [ selected := 'Choose a value to print.' ].</div><div><br></div><div>selected: aRenderable</div><div> selected := aRenderable.</div><div><div><br></div><div>(Doing this from memory)</div><div>RS<br><br><hr id="ecxstopSpelling">From:<span class="ecxApple-converted-space"> </span><a href="mailto:abalonpe@ulb.ac.be">abalonpe@ulb.ac.be</a><br>To:<span class="ecxApple-converted-space"> </span><a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>Date: Tue, 26 Oct 2010 16:20:16 +0000<br>Subject: [Seaside] Problem smalltalk code<br><br><font class="ecxApple-style-span" face="Tahoma" size="4"><span class="ecxApple-style-span" style="font-size:10pt">Hi,</span></font><div style="font-family:Tahoma;font-size:10pt"><br></div><div style="font-family:Tahoma;font-size:10pt">I'm stuck on a problem with smalltalk.</div><div style="font-family:Tahoma;font-size:10pt">Here is my code:</div><div style="font-family:Tahoma;font-size:10pt"><br></div><div><span class="ecxApple-tab-span" style="white-space:pre;font-family:Tahoma;font-size:10pt"> </span><font class="ecxApple-style-span" face="Tahoma" size="4"><span class="ecxApple-style-span" style="font-size:10pt"> </span></font><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">renderBibTypeOn: canvas </span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"><br></span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">| tagID | </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">canvas div: [ </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">canvas label </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">for: (tagID := canvas nextId); </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">with: 'BibteX Type:'. </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">canvas select </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">id: tagID; </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">selected: bibEntry bibType ; </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">list: bibEntry bibTypeList; </span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">callback: [:value | bibEntry bibType: value].</span></font></div><div><span class="ecxApple-tab-span" style="white-space:pre"><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"> </span></font></span><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"><span class="ecxApple-converted-space"> </span>].</span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"><br></span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">I'd like to change what is displayed on my webpage according to what the user choose from the scroll list.</span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">I saw that there was an exemple of this on localhost-->browse-->examples-->examplebrowser </span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">but the code of this exemple is not online on the contraty of the other examples.</span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">Could you help me with this code or post the code of the examplebrowser?</span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px"><br></span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">Thank you very much</span></font></div><div><font class="ecxApple-style-span" face="Tahoma" size="3"><span class="ecxApple-style-span" style="font-size:13px">alex</span></font></div><br>_______________________________________________ seaside mailing list<span class="ecxApple-converted-space"> </span><a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><span class="ecxApple-converted-space"> </span><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a></div></div><br>_______________________________________________ seaside mailing list<span class="ecxApple-converted-space"> </span><a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><span class="ecxApple-converted-space"> </span><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a></div>_______________________________________________<br>seaside mailing list<br><a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></div></span></blockquote></div><br></div></div><br>_______________________________________________
seaside mailing list
seaside@lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</div> </body>
</html>