Ralf Heumann: Div onmouseout ausblenden - aber nicht bei Dropdown

Beitrag lesen

Hallo zusammen,

auf http://www.janus-wa.de/layouts/testcase/referenzen.html habe ich mal in Clickdummy zusammengestellt. Sorry schonmal für die großen Bilder..

Mein Problem liegt hier bei der Infofläche links oben "Sie sind".
Wenn man die Maus darüberbewegt soll direkt darüber ein Div-Layer eingeblendet werden. Wenn man das neue Fenster verlässt soll sich dieser Layer wieder schließen. Das funktioniert soweit ganz prima. Nur soll jetzt aber in diesem Layer ein Dropdownmenü bedient werden können. Offensichtlich wird dieses aber nicht als Element innerhalb des Layers akzeptiert und das Fenster schließt sich..

Wie könnte man das beheben?

Ich habe das ganze auch schon ohne Javascript mit Hover versucht. Bei Hover hat sich die Größe des Fensters geändert, sprich der Inhalt wurde komplett sichtbar - das hat zwar auch funktioniert nur beim IE muss dies mit einem <a href> gelöst werden. Dadurch wird das gesamte Fenster ein Link, was eher ungünstig ist..

Zudem müsste ich innerhalb des <a>-Tags ein Select-Menü schreiben:

<a href="#">
  <select name="lala">
    <option value="1">Option1</option>
  </select>
</a>

Der Validator sagt zwar, das wäre valid, kommt mir aber suspekt vor...

Vielen Dank schonmal für die Hilfe,

Grüße Ralf