DIVs und mouseover

[ShiNtoKu]

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