Pour diverses raisons (chargement d'images ou de scripts, page relativement longue), on souhaite parfois faire patienter quelques secondes avant d'afficher la page.
Etape 1 : Ajouter entre les balises <HEAD>...</HEAD> :
<style> #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>
Etape 2 : Ajouter entre les balises <HEAD>...</HEAD> :
<script> // Copyright Thomas Brattli at www.bratta.com 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() 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>
Etape 3 : Ajouter juste après la balise body.
<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"><FONT COLOR="#000080"><h3>Chargement en cours...</h3></FONT></td></tr></table></div>') </script>
