eventhandler onmouseout funktioniert nicht wie gewünscht.

[Daniel Schlegel]

hallo..... habe noch ein zweites problem.

und zwar möchte ich eine dynamische horizontale Navigationsleiste auf CSS-Basis (Css-basierte Navigationsleisten).

Quelltext (Beispiel):

<ul>
<li>Thema 1</li>
<li><a onmouseover="einblenden()" href="">Thema 2</a><ul id="submenu" style="display:none" onmouseout="ausblenden()">
<li>Thema 2.1</li>
<li>Thema 2.2</li>
</ul>
<li>Thema 3</li>
</ul>

Das Problem ist das die Unternavigation schon ausgeblendet wird wenn man mit der navigation Thema 2.1 überfährt. Wieso das? Eigentlich soll er das Untermenü erst ausblenden wenn er den Bereich verlässt, und nicht schon nach dem ersten Untermenüpunkt. Über Hilfe wäre ich sehr glücklich..... danke im voraus....

[wahsaga]

hi,

<li><a onmouseover="einblenden()" href="">Thema 2</a><ul id="submenu" style="display:none" onmouseout="ausblenden()">

Hier fehlt ein <ul>, bevor die folgenden

<li>Thema 2.1</li>
<li>Thema 2.2</li>

kommen dürfen.

Das Problem ist das die Unternavigation schon ausgeblendet wird wenn man mit der navigation Thema 2.1 überfährt. Wieso das?

Weil sich die Maus jetzt auf einem anderen Element befindet - auch wenn es ein Unterelement ist, ist sie damit nicht mehr auf dem "Über"-Element.

Eigentlich soll er das Untermenü erst ausblenden wenn er den Bereich verlässt, und nicht schon nach dem ersten Untermenüpunkt.

Dann setze dir beim überfahren des Untermenüs ein flag, und rufe im onmouseout des Überelementes die ausblende-Funktion leicht zeitverzögert auf - und lasse sie dann erst den Wert des flags überprüfen, bevor sie wirklich etwas ausblendet.

gruß,
wahsaga

[MudGuard]

Hi,

<li><a onmouseover="einblenden()" href="">Thema 2</a><ul id="submenu" style="display:none" onmouseout="ausblenden()">
Hier fehlt ein <ul>, bevor die folgenden

Meinst Du das <ul id="submenu" ...> ?

cu,
Andreas