Vertikales JS Menü

[ThomasG]

Hallo,

erstmals vielen Dank für die Info, aber leider hat es nicht geklappt. Wenn ich diese Anweisung bei a href einfüge, weden die Submenüs nicht mehr geöffnet.

Nun zur Funktionsweise des Menüs um Dein Verständnisproblem auszuräumen.
Dieses Menü ist folgendermaßen angedacht. Wenn z.B. das 2. Menuitem angeklickt wird, soll die hinterlegte Seite menuitem2.html angezeigt werden und gleichzeitig die Submenüs 1. Submenu und 2. Submenu sichtbar sein. Jetzt könnten auch die Submenüs angeklickt werden. Wenn jetzt z.B. das 2. Submenu angeklickt wird die hinterlegte Seite submenu2.html angezeigt. Klickt man nun auf das 1. Menuitem wird hier die hinterlegte Seite angezeigt und zudem auch noch der gesamte Verzeichnisbaum geschlossen und nur noch der Menüpunkt 2. Menuitem darf sichtbar sein.
Das geleich sollte auch mit Submenüs passieren egal in welcher Verschachtelungstiefe, oder bei Klick auf eine Ebene höher sollten die darunter liegenden Submenüs ausgeblendet werden.

Ich habe mich gestern vermutlich etwas falsch ausgedrückt mit dem CSS-Menü. Ich meinte natürlich ein CSS-Menü ohne JS. Denn hier wäre in der Tat die Arbeit um ein vielfaches mehr, weil ich mehrere Varianten von Menüs für die verschiedenen Seiten gestalten müsste je nachdem, ob hier ein Submenü ist oder nicht. Unsere HP wird am Ende ca. 60 Seiten haben, wovon 15 Seiten als Hauptmenü dienen und der Rest als Submenüs bis zu 3 Ebenen tiefer dienen soll.
Im Gegensatz dazu habe ich bei einem JS-Menü nur einen Verzeichnisbaum mit allen Ebenen und Seiten darunter und kann ihn leicht mit include einbinden. Der Vorteil ist, dass ich nicht auf jeder Seite diesen Verzeichnisbaum einfügen muss und kann an einer zentralen Stelle ändern für alle Webseiten.

Gruß

Thomas

Hi,

dein Problem ist also das wenn man z.B. auf "2. Menuitem" klickt sich die Subnavigation öffnet, aber der Link zu "menuitem2.html" nicht beachtet wird?

Der Grund dafür ist vermutlich

e.onclick=function (){show(this);return false;}

Wenn du <a href="foo.html" onclick="return false;">bar</a> hast wird der Verlinkung bei aktiviertem Javascript und klick darauf auch nicht gefolgt.

Allerdings habe ich ein kleines Verständisproblem.
Wenn ich nun auf "2. Menuitem" klicke und dadurch zur Seite "menuitem2.html" komme, wann habe ich dann die Möglichkeit die Submenüs anzusehen/klicken?

Das wäre bei einem "hover-Menü" kein Problem, da ich hier die Überpunkte nicht anklicken müsste.

Zudem glaube ich nicht das ein CSS-Hover-Menü komplizierter oder schlechter zu erweitern wäre als ein Javascript-Hover-Menü.
Ein CSS-Klick-die-Überpunkte-Menü glaub ich wäre gar nicht möglich, daher stellt sich für deine Menüführung die Frage aber überhaupt nicht.

~dave