Here's an example. I realize I left a couple of points out of the CSS --
background-position and repeat.
This page also demonstrates two different uses of the overlay technique. The
first, as in a lightbox, is click to show, click on the overlay to hide. The
second uses the Ajax.Responders.register method to hook all Ajax requests on
the page with one behavior. (It also disables the click-to-close behavior for
the duration, so it becomes a modal overlay.)
Once this is hooked up, you could have dozens of separate Ajax functions
running on this page, and each one would trigger the overlay while it was
running. Note the use of defer inside these methods, you really need that in
Firefox, maybe Safari, or the overlay will either never show, or never hide --
the page will just get stuck during the request.
On May 9, 2012, at 5:26 AM, Phil Petree wrote:
> I had already tried that... that set the spinner as the background image for
> the page. Spent two hours mucking around with it and had to move on to
> something else. Ill revist it later thus week.
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to email@example.com.
To unsubscribe from this group, send email to
For more options, visit this group at