HopelessFrag Geschrieben 16. Februar 2006 Geschrieben 16. Februar 2006 Hallo zusammen! Ich möchte eine Textbasierte Navigation erstellen, die folgende Struktur hat: » LINK1 » LINK2 » LINK3 » LINK4 » LINK5 wenn ich nun auf LINK1 klicke soll sich eine Art Untermenü öffnen: » LINK1 » U_LINK1 » U_LINK2 » U_LINK3 » LINK2 » LINK3 » LINK4 » LINK5 Kann mir jemand Tips geben wie ich es realisieren kann? Danke im voraus! Zitieren
tobias-digital Geschrieben 16. Februar 2006 Geschrieben 16. Februar 2006 Meinst Du so? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Menü</title> <style type="text/css" media="screen"> ul ul { display: none; } </style> <script type="text/javascript"> function openSub(id) { var theSub = document.getElementById('sub' + id); theSub.style.display = 'block'; } </script> </head> <body> <ul> <li> <a href="#" onclick="openSub(1);">LINK1</a> <ul id="sub1"> <li><a href="#">U_LINK1</a></li> <li><a href="#">U_LINK2</a></li> <li><a href="#">U_LINK3</a></li> </ul> </li> <li><a href="#">LINK2</a></li> <li><a href="#">LINK3</a></li> <li><a href="#">LINK4</a></li> <li><a href="#">LINK5</a></li> </ul> </body> </html> Gruß, Tobias Zitieren
HopelessFrag Geschrieben 16. Februar 2006 Autor Geschrieben 16. Februar 2006 Ja, genau so! Danke für deine Hilfe! Aber könntest du mir evtl. den Code so umändern das wenn ich wieder auf LINK1 klicke das Untermenü wieder geschlossen wird? Zitieren
etreu Geschrieben 16. Februar 2006 Geschrieben 16. Februar 2006 function openSub(id) { var theSub = document.getElementById('sub' + id); if (theSub.style.display == 'block') theSub.style.display = 'none'; else theSub.style.display = 'block'; } Zitieren
HopelessFrag Geschrieben 16. Februar 2006 Autor Geschrieben 16. Februar 2006 Wenn ich nun auf einen Link klicke und eine neue Seite geladen wird, werden ja die Untermenüs wieder "eingefahren". Wie funktioniert es das die Untermenüs auch auf der Neugeladenen Seite noch ausgefahren bleiben? Zitieren
tobias-digital Geschrieben 16. Februar 2006 Geschrieben 16. Februar 2006 Ja, nun, wie wär's denn wenn Du Dir zur Abwechslung erstmal selber Gedanken machst und dann anhand von konkreten Codebeispielen Fragen stellst? Nur als Tipp: Man könnte die Navigation z. B. in einem PHP-Array abbilden und die Navigation dann immer passend zusammenbauen. Zitieren
HopelessFrag Geschrieben 16. Februar 2006 Autor Geschrieben 16. Februar 2006 Habe mir auch schon überlegt es mit PHP zu realisieren, aber war mir nicht so sicher ob das so sinnvoll ist. Aber ich danke schonmal für eure Hilfe! Zitieren
CyberDemon Geschrieben 16. Februar 2006 Geschrieben 16. Februar 2006 Schau mal hier >> http://www.agil-dienstleistungen.de Vollkommen ohne JavaScript! Nur HTML und CSS. Zitieren
Empfohlene Beiträge
Dein Kommentar
Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.