Ulf Lieden: anzeige eines "bitte warten"

Beitrag lesen

Hi Thomas,

Während dieser Ladezeit würde ich gerne eine kurze  Info anzeigen lassen.

Hier hast du ein Vorschlag (funktioniert in NC4 und IE4+5): Ein Layer wird über das gesamte Browserfenster gelegt. Wenn der Ladevorgang abgeschlossen ist (onLoad im BODY) wird das Layer ausgeblendet. Ich habe ein Alert eingefügt, um zu zeigen, daß das Layer tatsächlich da ist, da die Seite ohne Inhalt sehr schnell geladen wird.

Gruß,
UlfL

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.anzeige {  text-align: center; padding-top: 100px}
-->
</style>
<script>
function hideLayer(){
alert("Layer wird entfernt!");
if(document.layers){
  document.layers.Layer1.visibility = "hidden";
}
if(document.all){
  document.all.Layer1.style.visibility = "hidden";
}
}
</script>
</head>

<body bgcolor="#FFFFFF" onLoad="hideLayer()">

<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background-color: #CCCCFF; layer-background-color: #CCCCFF; class="anzeige">
  <h3>Bitte warten... </h3>
</div>
Text Text Text
</body>
</html>