Ausklappbares Menü wenn man mouseover über Bild

[Scorpio]

Hi,

ich brauche ein Menü das sich ausklappt wenn man mit der Maus über ein
Bild fährt..

Sollte nur Menüs der Struktur haben:

Hauptmenü 1 Bild
-Unter Menü 1
-Unter Menü 2

habe den ganzen nachmittag gesucht udn nichts gefunden...
coolmenü oder so ist auch nichts...

danke,
Scorpio

 

[Sven Mintel]

Hauptmenü 1 <img src="bild.gif"onmouseover="document.getElementById('untermenues').style.display='block';">
<div id="untermenues"style="display:none">
-Unter Menü 1<br>
-Unter Menü 2
</div>

Ist schon wieder Winter, dass die Nachmittage so kurz sind

 

[Scorpio]

Kann noch jemand den Code so verändern, dass wenn man aus dem Ausgeklappten Menü rauskommt, das das sich dann wieder von selber schließt?

edit: das problem ist aber, das es nun alles was drunter ist mit nach unten verschoben wird, kann man es nciht irgendwie so regeln (wie z.b. auf anime-rulez.de), das sich nichts verschiebt? sondern das ausgeklappte über dem anderen angezeigt wird?

 

[Sven Mintel]

Wenn sich nichts verschieben soll, platziere die Sachen "absolute".

Wenn es beim mouseout wieder weggehen soll, dann verstecke es wieder...indem du die display-Eigenschaft auf "none"zurückstellst....der passende Eventhandler dafür heisst "onmouseout".

 

[janomerico]

Was ist, wenn das Hauptmenü 1 Bild sich auch ändert beim Darüberfahren? Wie kann man es dann anstellen, dass das Hauptmenü1 Bild sich wieder ändert und das Klappmenü wieder zu geht, wenn man mit der Maus weder über dem Hauptmenü 1 Bild und dem Klappmenü ist?

 

[Sven Mintel]

Indem man das Schliessen zeitverzögert ausführt....mit der Methode setTimeout().

Dabei muss, wenn man sich über Bild oder Menu befindet, nicht nur das Untermenu öffnen...sondern auch das zeitverzögerte Ausblenden durch einen vorrangegangenen Event abbrechen...mit der Methode "clearTimeout()"

 

[janomerico]

Hi,

Geht das nicht anders? Also so, dass es dann sofort zugeklappt wird?

 

[Sven Mintel]

Nö...wenn du es nicht zeitverzögert machst, hast du nie ne Chance, mit der Maus ins Untermenu zu kommen.....weil es dann bereits wieder wegen mouseout in einem anderen Element geschlossen wurde.

 

[janomerico]

Und was ist, wenn man Klappmenü und Button in nur ein einziges Div packt? Dann müsste es doch eigentlich sofort gehen und man könnte es ganz unkompliziert lösen, oder? Also ich habs mal versucht, aber irgendwie hat's nicht funktioniert..

 

[Scorpio]

Aber kann man die DIV Position nicht irgendwie von der aktuellen position des mauszeigers aus definieren? da ich mit tabellen arbeite, die mit center in der mitte plaziert sind kann ich schlecht mit absoluten divs arbeiten, da ja jeder eine
andere bildschirmauflösung hat und so auch die menüs total verutscht wären...