Hallo Zusammen,
ich hab das Inet kreuz und quer gesucht, aber nix passendes gefunden:
Ich hab ein div-Menü erstellt und möchte das wenn der User mit der Maus drüber geht das menü erst nach 1 Sek aufklappt. Verlässt der User mit der Maus den Bereich und ist woanders soll das aufklappen abgebrochen werden.
Ich hab das wie folgt gestaltet:
function auf()
{
if(document.getElementById('dynDiv').style.display=="none")
{
var steuerung = window.setTimeout("aufverzo()", 1000);
}
}
function aufverzo()
{
document.getElementById('dynDiv').style.display='';
document.getElementById('dyn2Div').style.display='none';
window.clearTimeout(steuerung);
}
function zu()
{
window.clearTimeout(steuerung);
document.getElementById('dynDiv').style.display='none';
document.getElementById('dyn2Div').style.display='';
}
// Aufruf der Funktion im div
<div onmousemove = "zu()"> anderesblabla</div>
<div onmousemove = "auf()">blabla</div>
<div onmousemove = "zu()"> anderesblabla</div>
Das Verzögerte aufklappen funktioniert, jedoch nicht wenn man schnell drüber geht, die anderen Bereich ober- und unterhalb haben auch den zu()-Befehl.
Ansonsten funktioniert der Abbruch wenn ich gezielt meine Maus in einem anderen Bereich bewege...
Kann mir jemand helfen?
Danke!