Ausblenden verhindern

[grafikking]

Hallo liebe Community,
ich bin so langsam am verzweifeln...
Das Suchen bring mich nicht mehr weiter und mein Wissen leider auch nicht.ich versuche momentan ein Menü zu editieren und es so umzuschreiben, dass sich die geöffneten Fenster erst dann schließen wenn man auf etwas anderes geklickt hat und nicht beim raus nehmen der maus cursor. Jedoch bekomme ich es nicht hin und glaube so langsam, dass es ohne Javascript nicht geht. Aber man fragt lieber bei den Profis nach bevor man Dumm stirbt ^^
Quellcode: http://tutorialzine.com/2010/06/css3-minimalistic-navigation-menu/
mfg aus HH : M. J

 

[threadi]

Ja, das geht ohne JavaScript nicht.

 

[grafikking]

Ich weiß, dass es hier nicht hingehört hast du aber da ein Tipp für mich wie ich es mit JavaScript machen kann. :-S

 

[Tronjer]

Tipp: Erlerne die Grundlagen von JavaScript und/oder jQuery.

Lösunsansatz: Du benötigst einen Eventhandler (/hints: addEventListener(), on() ), der das angeklickte HTML-Element erkennt (/hint: event.target) und davon abhängig deinem Fenster ein display:none zuweist.

Code-Hilfe: Gibt es bei Vorlage eines eigenen Ansatzes in JavaScript oder über das Job-Forum.

 

[threadi]

Du brauchst eine Funktion die
a) beim Anklicken eines Menülinks alle anderen Untermenüs wieder ausblendet (z.B. durch Entfernen eine Klasse).
b) das Untermenü des angeklickten Menüpunktes einblendet (z.B. durch setzen einer Klasse:

obj.className = "active";

).

 

[grafikking]

Danke threadi :)
dann ran ans Speck :)