onmouseover bricht bei ChildElement ab

[Micha Brick]

Hallo,

ich habe folgendes Script.

<script>

var aktiv = '0';
  var u = '-48';
  var v = '0';

function öffnen() {
    if (aktiv == '0') {
      aktiv = setInterval('fade()', 1);

}
  }

function schliessen() {
    clearInterval(aktiv);
    aktiv = '0';
    u = '-48';
    document.getElementById('asd').style.top=u;
  }

function fade() {

document.getElementById('asd').style.top=u;
    u++ ;

if (u == 0) {
      clearInterval(aktiv);
      aktiv = '1';
    }
  }

</script>

<div style="position: absolute; left: 0px; top: -48px; width: 100%; height: 55px; background-color:#7587A8;" onmouseover="öffnen();"

onmouseout="schliessen();" id="asd">
  <img src="...balbla...gif">
</div>

Gedacht ist, dass in dem Div ein Menue ist, welches über verschiedene Icons der Steuerung dient. Fährt man mit der Maus nun aber über eines der Icons, so schließt das Menü sich sofort, da die Icons nicht als Teil des Menues erkannt werden und das Menü wird geschlossen.
Wie kann ich die ChildElemente (Icons) in den mouseover einbeziehen?

Danke für Eure Hilfe
micha

[wahsaga]

hi,

<div style="position: absolute; left: 0px; top: -48px; width: 100%; height: 55px; background-color:#7587A8;" onmouseover="öffnen();"

onmouseout="schliessen();" id="asd">
  <img src="...balbla...gif">

wenn das ein menü werden soll, zeichne es doch bitte strukturell sinnvoll als liste aus.
und vergiss auf keinen fall die alt-texte für die bilder.

Fährt man mit der Maus nun aber über eines der Icons, so schließt das Menü sich sofort, da die Icons nicht als Teil des Menues erkannt werden und das Menü wird geschlossen.
Wie kann ich die ChildElemente (Icons) in den mouseover einbeziehen?

setze beim überfahren der kindelemente ein flag, welches das mouseout des div (der liste ...) dazu bewegt, das ein klappen nicht auszulösen.

die kombination mit einem timeout bietet sich vermutlich noch an, um das wieder einklappen beim verlassen von icons oder div (...) problemloser zu gestalten.

gruß,
wahsaga

[Micha Brick]

setze beim überfahren der kindelemente ein flag, welches das mouseout des div (der liste ...) dazu bewegt, das ein klappen nicht auszulösen.

Hey wahsaga,

thx für den Tip. Nachdem ich nen bisserl nachgelesen hatte verstand ich auch, was Du meinst.
Ich war so darauf fixiert, dass Childelemente per css miterfasst werden müssten, dass ich an eine JavaScriptLösung nicht dachte

Gruß,
micha