Re: jQuery lightbox in Seaside 3.0

Hi Bob,

Here's my first attempt, which removed the need to define a separate div for the dialog:

  html submitButton

onClick: (html jQuery this append: [:r |

r div

script: (

r jQuery new dialog

autoOpen: true;

modal: true);

with: WACounter new]);

        with: 'Open Lightbox'.

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:

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.

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.

Use it as follows:

renderContentOn: html

html form: [

html submitButton

        callback: [self jqDialog: self counter];

        with: 'Open counter'

]

where the component contains the following methods:

counter

^ counter ifNil: [counter := WACounter new]

children 

^ Array with: self counter

Hope this helps

Nick

On 11 July 2010 15:51, Bob N. <[hidden email]> wrote:

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?

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.  

For jQuery, the example code is...

   | id |
   html div
      id: (id := html nextId);
      script: (html jQuery new dialog
         html: JQCounterFunctionalTest new;
         title: 'Lightbox Dialog';
         resizable: false;
         modal: true).
   html submitButton
      onClick: (html jQuery id: id) dialog open;
      with: 'Open Lightbox'

In Scriptaclous, I can code... 

    html submitButton

        callback: [self lightbox: WACounter new];

        with: 'Open Lightbox'

...how can I do the equivalent in jQuery? 

Coding a jQuery equivalent of the SULightbox decorator does not seem that hard, but I'd rather leave it to the experts ;-)

Thanks,

Bob

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

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