MrX: DIVs und mouseover

Hallo,

ich habe ein großes DIV und darin eingebettet vier übereinanderliegende kleine DIVs.

Nun möchte ich, wenn die Maus das große DIV verläßt, dass es verschwindet (visibility = hidden).

Nun habe ich aber ein Problem, jedesmal, wenn die Maus über eines der vier eingebetteten DIVs geht, verschwindet das große DIV, weil
wohl ein onmouseout des übergeordneteten DIVs aufgerufen wird, wenn ich mich auf einem der kleinen DIVs befinde.

Kann ich verhindern, dass ein onmouseout des übergeordneten DIVs getriggert wird, wenn ich mit der Maus über eines der Untergeordnete
DIVs fahre?

Danke für Hilfe!

  1. Hallo,

    bin nicht so sehr bewandert in JavaScript, daher weiss ich nich ob es auch einfacher geht... ;)

    Eine Möglichkeit dein Problem zu lösen wäre, den Kind-DIVs beim MouseOver eine Funktion zuzuweisen, die die Funktion des MouseOuts aufhebt.

    Ausgehend von folgendem HTML:

      
        <div id="wrapper">  
            <div>1</div>  
            <div>2</div>  
            <div>3</div>  
            <div>4</div>  
        </div>  
    
    

    würde mit diesem Javascript der Wrapper ausgeblendet (function action()) wenn man seinen gesamten Bereich verlaesst, nicht aber wenn man auf eines der Kindelemente hovert, da hierbei der Wrapper wieder eingeblendet wird (function undo()):

      
            function action(e)  
            {  
                if (!e) {  
                    e = window.event;  
                }  
      
                this.style.visibility = 'hidden';  
            }  
      
            function undo(e)  
            {  
                if (!e) {  
                    e = window.event;  
                }  
      
                document.getElementById('wrapper').style.visibility = 'visible';  
            }  
      
            window.onload = function ()  
            {  
                document.getElementById('wrapper').onmouseout = action;  
      
                var childList = document.getElementById('wrapper').getElementsByTagName('div');  
      
                for (var i = 0; i < childList.length; i++) {  
                        childList[i].onmouseover = undo;  
                }  
            }  
    
    

    Für Risiken und Nebenwirkungen fragst aber besser jemand anderen ;)

    Viele Grüße
    Patrick

    --
    "Though this be madness, yet there's method in't."
    sh:( fo:| ch:? rl:( br:^ n4:( ie:{ mo:) va:} de:> zu:) fl:| js:( ss:| ls:[
    1. Danke,

      sowas hab ich gesucht!