You're here: Snippet Directory » HTML/JavaScript (65)
Language:

A "please wait message" while the page is loading

Language: English
Programming Language: JavaScript
Published by: Dennis Pallett [not registered]
Last Update: 5/9/2006
Views: 2735

Description

Use this snippet to display a "please wait" message while loading your page.

Code

1 <BODY onLoad="cacheOff()"> 2 3 <!-- BEGINNING OF THE SCRIPT --> 4 <STYLE Type="text/css"> 5 <!-- 6 7 #cache { 8 position:absolute; Left=10; top:10px; z-index:10; visibility:hidden; 9 } 10 --> 11 </STYLE> 12 13 <!-- 14 Lines above are creating a layer which show a message 15 displaying the 'PLEASE WAIT ... ' message 16 --> 17 18 <SCRIPT LANGUAGE="JavaScript"> 19 ver = navigator.appVersion.substring(0,1) 20 If (ver >= 4) 21 { 22 document.write('<DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Arial, Verdana" SIZE=4><strong><BR>PLEASE WAIT ... <BR><BR></strong></FONT></TD> </TR></TABLE></TD> </TR></TABLE></DIV>'); 23 24 var navi = (navigator.appName == "Netscape" &amp;&amp; parseInt(navigator.appVersion) >= 4); 25 var HIDDEN = (navi) ? 'hide' : 'hidden'; 26 var VISIBLE = (navi) ? 'show' : 'visible'; 27 var cache = (navi) ? document.cache : document.all.cache.style; 28 largeur = screen.width; 29 cache.left = Math.round(100); 30 cache.visibility = VISIBLE; 31 } 32 33 Function cacheOff() 34 { 35 If (ver >= 4) 36 { 37 cache.visibility = HIDDEN; 38 } 39 } 40 </SCRIPT> 41 42 <!-- 43 When the page will be fully loaded, the message will be hidden 44 -->

3 comments

1

Ich habe das Script mal getestet, leider funktioniert es bei mir nicht:

Fehler in Zeile 24 bei Zeichen 53.

Wednesday, June 28, 2006 3:22:55 PM from Vincent
2

tja, wenns so nicht funktioniert, dann tausch doch einfach die && gegen && aus!
beim c'n'p vom code sind die anscheinend zu html konvertiert worden!

Saturday, August 05, 2006 8:37:06 PM from rudi
3

Bei mir gings auch nicht.
Tags nicht XHTML konform

Wednesday, August 23, 2006 12:08:59 PM from Pfefferminzprinz

Add a comment

Name *  

Email (won't be displayed) *    

Website  

Comment *  

Sicherheitscode Security Code *    

RSS