AceJS.com > Script number: 119011

The Script

The bellow layer is the one shown over everything else, you will need to set the height and width of it. This can be done by changing the "width" and "height" variables. Also, remeber to change the "pagewidth" variable in the code.

Loading ...
Please Wait For The "Enter" Button To Appear

The Source

<HTML>
<HEAD><TITLE>Free Scripts And Tools For Webmasters @ www.AceJS.com</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v>=4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v>=4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.OLD = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS||this.IE);
}
is = new BrowserCheck();
pagewidth=750; // This is the width of the layer
if (navigator.appName == "Netscape")
{layerRef5="document.layers";
styleRef5="";}
else
{layerRef5="document.all";
styleRef5=".style";}
x5 = 0;
c5 = -10;
function move()
{x5 = x5 + c5;
eval(layerRef5 + '["loading"]' + styleRef5 + '.left=' + x5);
hi = setTimeout("move()", 10);
if (x5 == -pagewidth) {clearTimeout(hi);}
}
</SCRIPT>

// The bellow layer is the one shown over everything else, you will need to set the height and width of it. This can be done by changing the "width" and "height" variables. Also, remeber to change the "pagewidth" variable in the above code.

<div id="loading" STYLE="background-color:#004EC3;position:absolute;width:748px;height:500px;left:0;top: 0;z-index:999;font-family:Arial;font-size:12pt;font-weight:bold;"><CENTER><BR><BR><BR><BR><BR><BR><div id="loadingtextL" style="visibility:visible;"><FONT COLOR=#99FF66>Loading ...<BR>Please Wait For The "Enter" Button To Appear</FONT></div><BR><BR><div id="enterbuttonL" style="visibility:hidden;"><INPUT TYPE=button onClick="move();" value="Click Here To Enter" style="cursor:hand;background:#FFCC66;font-family:Arial;font-size:12pt;font-weight:bold;color:#000000;width:250px;border-width:2;border-style:solid;border-color:#FF0000;"></div></CENTER></div>
<SCRIPT LANGUAGE="JavaScript">
enterb = (is.VER5) ? document.getElementById("enterbuttonL").style
: (is.NS) ? document.layers["enterbuttonL"]
: document.all["enterbuttonL"].style;
function showenterb() {
enterb.visibility="visible";
}
loadingt = (is.VER5) ? document.getElementById("loadingtextL").style
: (is.NS) ? document.layers["loadingtextL"]
: document.all["loadingtextL"].style;
function hideloadingt() {
loadingt.visibility="hidden";
}
setTimeout("showenterb()", 5000);  // After how many milli-seconds will the "enter" button be shown 
setTimeout("hideloadingt()", 4900); // After how many milli-seconds will the loading message be hidden
</SCRIPT>
<P>
<B><A HREF="http://www.AceJS.com">AceJS.com</A> The JavaScript Directory</B>
</BODY>
</HTML>