EnricoL: Ebenenwechsel klappt nicht

Beitrag lesen

Hallo,

ich habe das Problem, dass ich beim Aufrufen einer Seite ein Wartebild anzeigen
und nach vollständig geladener Seite dieses wieder verdecken und die eigentliche
Seite anzeigen lassen möchte.

Hier der HTML-Code:

<html>

<head>
            ... usw ...
            <script type="text/javascript" src="Ebenen.js">
            <link rel="stylesheet" type="text/css" href="Layout.css">
         </head>

<body onLoad="Wartescreen(1);">

<div id="Ladeanzeige">
               ... usw ...
            </div>

<div id="Anzeige">
               ... usw ...
            </div>

<script type="text/javascript">
               <!--
                  Wartescreen(0);
               //-->
            </script>

</body>

</html>

Die css-Datei für die betroffenen Ebenen:

#Ladeanzeige,
      #Anzeige
      {
         width:    100%;
         height:   100%;
         position: absolute;
         top:      0px;
         left:     0px;
      }

#Ladeanzeige
      {
         background-color: #e5e5e5;
         visibility:       visible;
      }

#Anzeige
      {
         visibility: hidden;
      }

Die js-Datei für den Ebenenwechsel:

function Wartescreen (Status)
      {
         if (Status == 0)
         {
            document.getElementById("Anzeige").style.display     = "block";
            document.getElementById("Ladeanzeige").style.display = "none";
         }
         else
         {
            document.getElementById("Anzeige").style.display     = "none";
            document.getElementById("Ladeanzeige").style.display = "block";
         }
      }

Wenn ich die Seite aufrufe, dann tut sich kurz was, aber letztendlich wird keine
der beiden Ebenen angezeigt.

Wo liegt der Fehler?

Vielen Dank für Eure Mithilfe.

Liebe Grüße
EnricoL