Navigations Menü
tobiasvon89
- javascript
0 Felix Riesterer
0 Beat
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
Lieber tobiasvon89,
kennst Du <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern@title=Dynamische CSS-Navigation für moderne Browser>?
Liebe Grüße,
Felix Riesterer.
Lieber tobiasvon89,
kennst Du <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern@title=Dynamische CSS-Navigation für moderne Browser>?
Bzw:
http://wiki.selfhtml.org/wiki/Artikel:Eine_zugängliche_Multilevel-Dropdown-Navigation
Dort wird auch gesagt, dass man Javascript besser am Ende des body einbinde.
mfg Beat