Lightbox-like at inserted position

I'm not really ready to undertake something like this right now, but just
want some input on whether the idea makes sense,  is reasonably feasible (or
even is trivial to do, or already done :-), is not too aesthetically
horrible, etc.

Lightbox disables an entire existing page and overlays a live modal
component in the middle. I want to insert that live modal component into the
right position in the page structure (e.g. where a to-be-inserted element
will go upon successful completion, or where a collection of elements exists
that I want to overlay a modal Sorter on), and then disable everything else
except that one modal component. More or less like a :

    SubComponent >> callWithAllElseDisabled: someComponent

Thanks - Sophie

p.s. what is the basic technique that lightbox uses to disable the existing
components?




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

> p.s. what is the basic technique that lightbox uses to disable the existing
> components?

There is #lightbox:, it does not work with AJAX though. It uses
exactly the same semantics as a #call:. Have a look at the
implementation in SULightbox.

Lukas

--
Lukas Renggli
http://www.lukas-renggli.ch
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Is the disabling achieved by the combination of
  - div id: overlay,
  - css style setting its z-index above main page, and opacity
  - div id: lightbox, css-styled above the overlay
?

If so, I suppose I could try something like:
  1. compute the size of my lightbox component
  2. set absolute size of the component it appears to "replace" on the
original page to the same
  3. put overlay div over entire page, do z-index, opacity as in #lightbox:
  4. position my lightbox component over 2

Hmm, if this sounds right to you I am tempted to try ... but don't quite
feel up to it yet.

Sophie


"Lukas Renggli" <[hidden email]> wrote in message
news:[hidden email]...


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

> Is the disabling achieved by the combination of
>   - div id: overlay,
>   - css style setting its z-index above main page, and opacity
>   - div id: lightbox, css-styled above the overlay
> ?

Yes, it is like this. The details are a bit more complicated, as the
window can change its size and the user could try to scroll if the
background is scrollable.

> Hmm, if this sounds right to you I am tempted to try ... but don't quite
> feel up to it yet.

As I said, have a look at SULightbox. This is an absolutely minimal
implementation of a lightbox. You might want to get some ideas from
there.

Lukas

--
Lukas Renggli
http://www.lukas-renggli.ch
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside