DHTML: Splash-Screen ― »Wait«

Ein weiteres DHTML-JavaScript, mit dem sich ein Splash-Screen simmulieren lässt. Dieses JavaScript kann sowohl als »Splash-Screen-Ersatz« als auch als »Statusanzeige« des Ladevorgangs der Seite verwendet werden. In letzterem Fall ist allerdings nur die Internetseite gemeint - also nicht etwa Grafiken die mit der Seite aufgerufen wurden - also nur der Ladevorgang der Seite selbst.

	Position in der html-Datei: body-Bereich, direkt am Anfang, da es als erstes geladen werden muss.
<div id="waitDiv" style="left: 40%; visibility: hidden; position: absolute; top: 50%" align="center"> <table bordercolor="#000000" cellpadding="6" bgcolor="#000077" border="2" summary="Splash-Screen Wait"> <tbody> <tr> <td align="middle" class="a10wn"><b>Seite wird aufgebaut...</b> <br /> <img src="js/wait_a.gif" alt="Quelle: http://www.nukedome.de/" border="0" align="top" /> <br clear="all" /> Bitte warten</td> </tr> </tbody> </table> </div> <script type="text/javascript"> <!-- var DHTML = (document.getElementById \|\| document.all \|\| document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage('waitDiv', 1); //--> </script>

Das obige DHTML-Splash-Screen-JavaScript muss »gestoppt« werden, damit es nicht permanent über der Seite liegt. Hierzu gibt es zwei Varianten, von denen allerdings jeweils nur eine zur Anwendung kommen kann.

Also entweder:

Oder:

Als Wait-Grafik bietet sich eine animierte GIF-Datei an:
Netscapes Navigator Wait.gif
Quelle: http://www.nukedome.de/

Quelle: www.nukedome.de/ Bitte beachten: Keine Haftung für Inhalte fremder Internetseiten