Here's an example. I realize I left a couple of points out of the CSS -- background-position and repeat.
http://scripty.walterdavisstudio.com/loading 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. Walter 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 prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
