Sorry, make that position: fixed (brain fade). static means something else.
Walter
On May 8, 2012, at 11:03 AM, Walter Lee Davis wrote:
> One way to do this is to add an overlay to your page.
>
> <div id="overlay"></div>
>
> #overlay {
> position: static;
> top: 0;
> right: 0;
> bottom: 0;
> left: 0;
> background: url(spinner.gif) rgba(0,0,0,0.7);
> z-index: 1000;
> }
>
> document.observe('dom:loaded',function(){ $('overlay).hide();});
>
> Then slave the show/hide to your Ajax methods, or use the technique outlined
> in the AjaxResponders docs to have one listener for all Ajax events:
> http://api.prototypejs.org/ajax/Ajax/Responders/
>
> Walter
>
> On May 8, 2012, at 10:54 AM, Phil Petree wrote:
>
>> Lets say I have this div imbedded in my page:
>> <div id='systemWorking'><img src='spinner.gif'>Saving...</div>
>>
>> And I have a list with 1000 entries and the user has scrolled down mid
>> way... if I unhide the spinner using this:
>> document.getElementById('inProgress').style.display = 'inline';
>>
>> It shows but it shows in the location where it's imbedded in the page (top,
>> bottom etc.) but not necessarily viewable to the user. I want to reposition
>> the div so that its always centered in the screen.
>>
>> How does one go about this?
>>
>> Thanks,
>>
>> Pete
>>
>> --
>> 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 protected].
>> To unsubscribe from this group, send email to
>> [email protected].
>> For more options, visit this group at
>> http://groups.google.com/group/prototype-scriptaculous?hl=en.
>
> --
> 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 protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/prototype-scriptaculous?hl=en.
>
--
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 protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
