Veröffentlicht 16. Februar 200619 j 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!
16. Februar 200619 j 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
16. Februar 200619 j Autor 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?
16. Februar 200619 j function openSub(id) { var theSub = document.getElementById('sub' + id); if (theSub.style.display == 'block') theSub.style.display = 'none'; else theSub.style.display = 'block'; }
16. Februar 200619 j Autor 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?
16. Februar 200619 j 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.
16. Februar 200619 j Autor 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!
16. Februar 200619 j Schau mal hier >> http://www.agil-dienstleistungen.de Vollkommen ohne JavaScript! Nur HTML und CSS.
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.