"Loading Page..." Screen:
Code:
Place in the <HEAD>:
Highlight
<style type="text/css"> #divLoadCont{position:absolute; width:100%; height:98%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100} </style> <script language="JavaScript"> //Default browsercheck function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() //Hides the div function hideIt(div){ if(bw.bw){ div="divLoadCont" obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?document[div]:0; obj.visibility='hidden' } } onload=hideIt; </script>
Place in the <BODY>:
Highlight
<script language="javascript"> if(bw.bw) document.write('<div id="divLoadCont"><table width="100%" height="95%" align="center" valign="middle"><tr><td width="100%" height="100%" align="center" valign="middle"><font face=verdana color=696969><h2>Loading Page....</h2></font></td></tr></table></div>') </script>
