DHTML Loading Screen Code

This script will make a quick and customizable "Loading" page. It will display your message until all content for your page loads, then will display the page.

This code is good for those web pages which loading for long time. Most of the people have not patience on waiting when they surfing online. You can show an attractive loading picture on it. To do it, just insert your image url into the table code.

Script Demo:

Dynamic HTML Code:

Insert this code into <head> tags

<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 type="text/javascript" language="JavaScript">

function ccbrowsercheck(){
  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 ccbrowsercheck()

function cchidediv(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=cchidediv;

</script>

Insert this code into <body> tags

<script>

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">
  <h3>Loading Page....</h3>
  </td>
  </tr>
  </table>
  </div>
  ')

</script>

Instruction:

Webmaster » Web Programming » DHTML » Loading Screen Code

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links