Loading ...
Please Wait For The "Enter" Button To Appear
Uncle Jim's Web Designs
Pre-Loading Screen with Delay
Author:
Jim Stiles
This script displays a pre-loading screen before showing your page contents.
INSTALLATION INSTRUCTIONS
COPY
-
Insert Inside Body: <BODY></BODY>
<script type="text/javascript"><!-- /* _____________________________________ /ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ\ | Another JavaScript from Uncle Jim | | Feel free to copy, use and change | | this script as long as this part | | remains unchanged. You can visit | | my website at http://jdstiles.com | | for more scripts like this one. | | Created: 1998 Updated: 2006 | \_____________________________________/ ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ */ 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=1050; // 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 below 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, remember to change the "pagewidth" variable in the above code. --> <div id="loading" STYLE="background-color:#004EC3;position:absolute;width:1050px;height:700px;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 type="text/javascript"><!-- /* _____________________________________ /ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ\ | Another JavaScript from Uncle Jim | | Feel free to copy, use and change | | this script as long as this part | | remains unchanged. You can visit | | my website at http://jdstiles.com | | for more scripts like this one. | | Created: 1998 Updated: 2006 | \_____________________________________/ ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ */ 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>
Close This Window