Create an Hourglass [Archive] - Dynamic Drive Forums

Hummell

06-24-2008, 01:48 PM

Hey guys! I was wondering if any of you might be able to help me out here. I have a table with buttons (actually png images) that are linked to another site. When the buttons are clicked, the content from the other site takes a while to come up, which can be confusing to my users.

I need some code that I can put around each "button" (there are 7 of them) that will bring up an hourglass while the linked page is rendered.

Any ideas?

Thanks so much!
Adam

chechu

06-27-2008, 02:20 PM

Play around with this, maybe ?
in the head:
<style type="text/css">
#loading{
position: absolute;
position: middle;
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
color: grey;
background: #ffffff;
font-family: arial;
}
</style>

<body onload="document.getElementById('loading').style.display = 'none';document.getElementById('content').style.display = 'inline';">

<div id="loading" style="padding-top:50px;">
<p align=center>text
<p align=center>text...
<p align=center><img src="imgs/loader.gif" style="border: 0px;">
</div>
<div id='content' style='display:none;'>

You could adapt this into your current design, where you place this code (with the css) in the area where your clock should be.