Thanks... i was just getting ready to try this... On Tue, May 8, 2012 at 11:39 AM, Walter Lee Davis <wa...@wdstudio.com>wrote:
> 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 > 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. > > > > -- > > 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. > > > > -- > 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. > > -- 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.