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.
On May 8, 2012 3:42 PM, Walter Lee Davis wa...@wdstudio.com wrote:
Try splitting it apart.
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
Awesome! Other than this, the UI portion of this feature set is done. I
have to finish off the engine today and tomorrow, then Friday Ill do
this part.
And as usual, you're a gentleman and a scholar!!!
Pete
On May 9, 2012 10:21 AM, Walter Lee Davis wa...@wdstudio.com wrote:
Here's an example.
HOW DO I UNSUBSCRIBE FROM GETTING THESE EMAILS???
On Wed, May 9, 2012 at 7:33 AM, Phil Petree phil.pet...@gmail.com wrote:
Awesome! Other than this, the UI portion of this feature set is done. I
have to finish off the engine today and tomorrow, then Friday Ill do
this part.
And as usual,
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
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;
}
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;
Thanks... i was just getting ready to try this...
On Tue, May 8, 2012 at 11:39 AM, Walter Lee Davis wa...@wdstudio.comwrote:
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
I'm completely daft when it comes to css...
background: url(/images/working.gif) rgba(0,0,0,0.7);
Doesn't get loaded in the page in ie9.
On Tue, May 8, 2012 at 12:10 PM, Phil Petree phil.pet...@gmail.com wrote:
Thanks... i was just getting ready to try this...
On Tue, May 8, 2012 at 11:39
Try splitting it apart.
background-color: rgba(0,0,0,0.7);
background-image: url(foo.gif);
Also set a solid color for IE 8 or whatever version can't do rgba… Just set
background-color: #777; before the one with the rgba color. Or, have a look
here
10 matches
Mail list logo