Home
Developer Blog
Ajax effects
CSS examples
Freelance jobs
Hot IT Jobs
Hot scripts
Code samples
Web hosting directory
Lotus Notes FAQ
See the new scripts recently added to Dynamic Drive.
Click here
.
Original, practical
CSS codes and examples
such as CSS menus for your site.
Search code samples
Keyword
All Categories
ASP
CSS
Dhtml
Html
Javascript
PHP
Code Samples
ASP
CSS
Dhtml
Html
Javascript
PHP
LOGIN HERE
Username
Password
Signup Now
Forgot Password
Verify Signup
Javascript >> General
how to create a wait or progress page?
Visitor Ratings (1) :
Description
onload fires when the page has completely loaded and rendered the html.
this is atleast true for MSIE (and I'm pretty sure true for NS).
I use this event scenerio for displaying a download progress meter
which clears onload.
I do this by:
Code
Select All
<html> <head> <script language="javascript"> window.status = "loading page"; document.write("<a name='progressindicator'></a>"); document.write("<span id='loadingpage' style='visibility:hidden'><table height=100% width=100% border=0><tr height=100%><td width=100% align=center valign=center><img src='process_meter.gif' border=0 id='progressimage'><br><br>"); document.write("loading page"); document.write("</td></tr></table></span>"); var progressTimeID = setTimeout("window.location.hash='progressindicator';document.getElementById('loadingpage').style.visibility='visible';", 1500); // only display if it seems we are taking too long function clearProgress() { clearTimeout(progressTimeID); window.status = ''; document.getElementById('loadingpage').innerHTML=""; } </script> </head> <body onload="clearProgress();"> blah </body> </html>
Rate this Resource
0
1
2
3
4
5
6
7
8
9
10