tobiasvon89: Navigations Menü

Beitrag lesen

Ich habe mir mit diesem Script ein Navigationsmenü erstellt, bei dem man zusätzlich mehrere Submenüs erstellen kann.
Mein Problem ist nun, immer wenn meine Seite geladen wird, erscheinen alle Submenüs auf einmal. Sobald die Seite fertig geladen ist (alle Bilder usw.) verschwinden die Submenüs wieder.

Meine Frage ist nun, gibt es da eine Möglichkeit, dass man die wärend dem Laden verstecken kann oder z.B. einen Ladebalken anzeigen kann.

Hier die html Datei:

<html>  
<body>  
<script type="text/javascript" language="javascript" src="navi.js"></script>  
  
<dl><dt onclick="toby('submenu1');"><a href="#">Menu1</a></dt>  
         <dd id="submenu1"><ul>  
     <li><a href="1.html">Submenu1-1</a></li>  
     <li><a href="2.html">Submenu1-2</a></li>  
                </ul></dd></dl>  
  
         <dl><dt onclick="toby('submenu2');"><a href="#">Menu2</a></dt>  
         <dd id="submenu2"><ul>  
     <li><a href="3.html">Submenu2-1</a></li>  
     <li><a href="4.html">Submenu2-2</a></li>  
            </ul></dd></dl>  
  
</body>  
</html>

Hier die js Datei:

window.onload=navigat;  
function navigat(id) {  
var d = document.getElementById(id);  
for (var i = 1; i<=10; i++) {  
if (document.getElementById('submenu'+i)) {document.getElementById('submenu'+i).style.display='none';}  
}  
if (d) {d.style.display='block';}  
}

Ich hoffe ich finde hier Hilfe.
Vielen Dank.
Tobias