JS Navigation -> Steuerung über URL

[Felix Riesterer]

Lieber Damian,

document.write('<div id="navi"><br><a href="index.htm"><b>Start</b></a><br>');
document.write('<a href=# onclick=outline('projectA') return false><b>Projekt A</b></a>');
document.write('<br><div class="navi" id=projectA style=display:none>');
document.write('<a href="A_aktuelles.htm?section=ProjectA">Aktuelles</a>');
document.write('<a href="A_Informationen.htm">Informationen</a>');
document.write('<a href="A_Software.htm">Software/Downloads</a>');
document.write('<a href="A_AddOn.htm">AddOn</a>');
document.write('<a href="A_Kontakt.htm">Kontakt</a><br>');
document.write('</div>');

warum so umständlich?

Mein Vorschlag: Gestalte Deine Navigation als verschachtelte Liste und schließe beim Aufruf diese Liste. Einen Eindruck, wie ich das meine, kannst Du an diesem Beispiel beobachten.

Um dann den gewählten Pfad zu öffnen, kannst Du anhand der URL (window.location) die Liste durchsuchen (var alleLinks = getElementsByTagName("a") in Verbindung mit if (alleLinks[i].href && alleLinks[i].href == aktuelleURL)) um die jeweiligen <ul>s den DOM-Baum nach oben verfolgend wieder "aufzuklappen". Ansätze zu dieser Lösung findest Du im Javascript der verlinkten Seite.

Liebe Grüße aus Ellwangen,

Felix Riesterer.