Creating A "Loading......" Page - How?

liunx

Guest
I have a web page which takes quite a while to load and would therefore like to present the user with a "Loading....." page until the page is actually available. Does anyone know how this can be implemented?<br />
<br />
I just want a plain HTML page with the text "LOADING.....".<br />
<br />
Thanks very much.<!--content-->Here is 14U<br />
;)<!--content-->You can hide the page until it is fully loaded. Just show a loading message. <br />
The script at the end of the page executes at the end of the load. You can <br />
also put the the script in the head as a function and call the function <br />
with the onload event in the body tag:<br />
<br />
<html> <br />
<style> <br />
#formstuff { position: absolute; visibility: hidden;} <br />
#Waitmsg { position: absolute; visibility: visible;} <br />
</style> <br />
</head> <br />
<body> <br />
<br />
<div id="Waitmsg"> <br />
Loading will take a few moments, please wait... <br />
</div> <br />
<div id="formstuff"><br />
... all the page content goes here <br />
</div><br />
<script> <br />
<!--<br />
if (document.layers)<br />
{<br />
// this is for Netscrap 4.x <br />
document.layers["Waitmsg"].visibility = "hidden"; <br />
document.layers["formstuff"].visibility = "visible"; <br />
} <br />
else <br />
{<br />
if (document.getElementById)<br />
{<br />
// this is IE5 and NS6<br />
document.getElementById("Waitmsg").style.visibility="hidden";<br />
document.getElementById("formstuff").style.visibility="visible";<br />
}<br />
else<br />
{ <br />
// for IE4<br />
document.all["Waitmsg"].style.visibility="hidden"; <br />
document.all["formstuff"].style.visibility="visible"; <br />
}<br />
} <br />
//--><br />
</script><br />
<br />
<br />
</body> <br />
</html> <br />
<br />
<br />
HTH<!--content-->
 
Back
Top