Nick, thanks for sharing.<br>I succesfully used your JQDialogDecorator on VAST 8.0.2 (Seaside 3.0 rc1).<br>The only thing I had to do is change the method WAComponent>>jqDialog: to remove the #wait: which is not working on VAST (I simply send #show:onAnswer:delegation:).<br>
That, and changing the behavior of the callbackUrl (when you press the X on the dialog to close it) to do what I needed.<br><br>Cheers,<br>Mariano<br><br><br><div class="gmail_quote">On Mon, Jul 12, 2010 at 12:29 PM, Nick Ager <span dir="ltr"><<a href="mailto:nick.ager@gmail.com">nick.ager@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">Hi Bob,<div><br></div><div>Here's my first attempt, which removed the need to define a separate div for the dialog:</div>
<div><br></div><div><div> html submitButton</div><div><span style="white-space: pre-wrap;"> </span>onClick: (html jQuery this append: [:r |</div>
<div><span style="white-space: pre-wrap;"> </span> r div</div><div><span style="white-space: pre-wrap;"> </span>script: (</div><div><span style="white-space: pre-wrap;"> </span>r jQuery new dialog</div>
<div><span style="white-space: pre-wrap;"> </span>autoOpen: true;</div><div><span style="white-space: pre-wrap;"> </span>modal: true);</div><div><span style="white-space: pre-wrap;"> </span>with: WACounter new]);</div>
<div> with: 'Open Lightbox'.</div></div><div><br></div><div>clearly all the code in the onClick could be wrapped in a method. The problem here is that as soon as you click on anchor links on the counter the page refreshes and the dialog vanishes. It's also not a drop-in replacement for #lightbox:</div>
<div><br></div><div>I had a quick look at #lightbox: it achieves it's magic by adding a decorator to the page. I've created a similar decorator for JQuery dialog and it appears to work, including sending answer: nil if the dialog is closed. See attached package.</div>
<div><br></div><div>There are limitations as it doesn't allow setting of potentially useful dialog parameters such as: #height: #width: #title: #resizable: #closeOnEscape: . I'm hoping that if you or others find it useful you can extend the code as necessary and negotiate to have it included in the Seaside repository.</div>
<div><br></div><div>Use it as follows:</div><div><div>renderContentOn: html</div><div>html form: [</div><div>html submitButton</div><div> callback: [self jqDialog: self counter];</div><div> with: 'Open counter'</div>
<div>]</div></div><div><br></div><div>where the component contains the following methods:</div><div><div>counter</div><div><span style="white-space: pre-wrap;"> </span>^ counter ifNil: [counter := WACounter new]</div>
</div><div><br></div><div><div>children </div><div><span style="white-space: pre-wrap;"> </span>^ Array with: self counter</div></div><div><br></div><div>Hope this helps</div><div><br></div><div>Nick</div>
<div><br><br><div class="gmail_quote"><div><div></div><div class="h5">On 11 July 2010 15:51, Bob N. <span dir="ltr"><<a href="mailto:bobn@rogers.com" target="_blank">bobn@rogers.com</a>></span> wrote:<br></div></div>
<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;"><div><div></div><div class="h5">
Now that 3.0 RC is available (thanks for all the work; the welcome page is a nice improvement), I'd like to revisit a question I had posted a while ago: is there a jQuery equivalent to the Scriptaculous lightbox in Seaside 3.0?<div>
<br></div><div>As I understand it, WADecoration subclass SULightbox as used in WAComponent>>#lightbox: allows for the use of #lightbox: instead of a #call:, whereas the jQuery dialog examples require that the dialog component be defined, and its id known, before the 'dialog open' is sent, so the component itself can't be defined in the callback. </div>
<div><br></div><div>For jQuery, the example code is...</div><div><br></div><div> | id |<br> html div<br> id: (id := html nextId);<br> script:
(html jQuery new dialog<br> html: JQCounterFunctionalTest new;<br> title:
'Lightbox Dialog';<br> resizable: false;<br> modal:
true).<br> html submitButton<br> onClick: (html jQuery id: id)
dialog open;<br> with: 'Open Lightbox'</div><div><br></div><div>In Scriptaclous, I can code... </div><div><br></div><div> html submitButton</div><div> callback: [self lightbox: WACounter new];</div>
<div> with: 'Open Lightbox'</div><div><br></div><div>...how can I do the equivalent in jQuery? </div><div><br></div><div>Coding a jQuery equivalent of the SULightbox decorator does not seem that hard, but I'd rather leave it to the experts ;-)</div>
<div><br></div><div>Thanks,</div><div>Bob</div><font color="#888888"><div><br></div><div><br></div>
</font><br></div></div>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">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>
<br></blockquote></div><br></div>
<br>_______________________________________________<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>
<br></blockquote></div><br><br clear="all"><br>-- <br>Mariano J. Saura<br>-------------------------------------------------<br>Desarrollo y Tecnología - Mercap S.R.L.<br>Tacuarí 202 - 7º Piso - Tel: 54-11-48781116 al 19 <br>
Interno: 228<br>Ciudad Autónoma de Buenos Aires - Argentina<br><a href="http://www.mercapsoftware.com">http://www.mercapsoftware.com</a><br><br>-------------------------------------------------<br><br>Este mensaje es confidencial. Puede contener información amparada por el secreto profesional. Si usted ha <br>
recibido este e-mail por error, por favor comuníquenoslo inmediatamente via e-mail y tenga la amabilidad <br>de eliminarlo de su sistema; no deberá copiar el mensaje ni divulgar su contenido a ninguna persona. <br>Muchas gracias.<br>
<br>This message is confidential. It may also contain information that is privileged or otherwise legally exempt <br>from disclosure. If you have received it by mistake please let us know by e-mail immediately and delete it <br>
from your system; also you shouldn't copy the message nor disclose its contents to anyone. Thanks.<br>