Simple Javascript Pre-loader

Burke · #1 (**permalink**) 07-12-2008, 07:43 AM

Simple Javascript Pre-loader

Step 1:

In the <HEAD> tags, place the following code:

HTML Code:

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function clearPreloadPage() { //DOM
if (document.getElementById){
document.getElementById('prepage').style.visibility='hidden';
}else{
if (document.layers){ //NS4
document.prepage.visibility = 'hidden';
}
else { //IE4
document.all.prepage.style.visibility = 'hidden';
}
}
}
// End -->
</SCRIPT>

Step 2:

Change the <body> tag into:

HTML Code:

<BODY onLoad="clearPreloadPage();">

Step 3:

Straight after the new Body tag, place the following code:

HTML Code:

<div id="prepage" style="position:absolute; font-family:arial; font-size:16; left:0px; 

top:0px; background-color:white; layer-background-color:white; height:100%; width:100%;z-index:500;"> 
<table width=100%><tr><td>Loading ... ... Please wait!</td></tr></table>
</div>

TIP: You can change this to show a different message

lnxcode · #2 (**permalink**) 07-14-2008, 06:45 PM

Nice post, thanks for letting us know

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode