mouseover mouseout Problem mit einem Link
gefunden am 05.04.2010Hallo Leute Am Besten schaut euch das Problem ersmal hier denn es spart viele Erkl?ngen Also bei 'mouseover' ?m 'M' an der Ecke oben links sollte ein kleines Navigationsmen? erscheinen dass es m?ch ist weiter mit dem Mauszeiger zu rutschen bis man das richtige gecklickt hat. Sobald die Maus nicht mehr ? eins von Beiden zeigt (das M oder das Men?ollte das Men?rschwinden und nur das M bleiben. Aus einem unbekannten Grund kriege ich das nicht hin. Ich dachte, bei einem 'mouseout' ereignis (entweder vom M oder vom Men?ufe ich die funktion mOut(e) auf, die sich dann entscheidet was passiert. die Funktion mOut(e) schaut sich wohin der Zeiger gerutscht ist, und falls das e.relatedTarget bzw. das e.toElement nicht eins von beiden M oder Men?t, verschwindet das Men?eder. Ich habe versucht es zu implementieren, geht aber nicht, hier ist meine HTML und JS Codes Sch? Dank und frohe Ostertage Amit. HTML: Code: <img id="m_image" src="graphics/m.png" height="30" width="30" /> <div id="nav_menu"> <a href="start" />start </a> <a href="next">next</a> <a href="previous" />previous</a> </div> JS: Code: window.onload = initAll; function initAll(){ document.getElementById("nav_menu").style.visibility="hidden"; document.getElementById("m_image").onmouseover=showMenu; document.getElementById("nav_menu").onmouseover=showMenu; document.getElementById("m_image").onmouseout=mOut; document.getElementById("nav_menu").onmouseout=mOut; } function showMenu() { document.getElementById("nav_menu").style.visibility="visible"; } function hideMenu() { document.getElementById("nav_menu").style.visibility="hidden"; } function mOut(e) { var wentTo; if (e.relatedTarget) wentTo = e.relatedTarget; else if (e.toElement) wentTo = e.toElement; //if the pointer went in neither or both the menu should disappear if (wentTo.id != "nav_menu" && wentTo.id != "m_image") hideMenu; }