[SOLVED] onMouseOut Delay

[eRott]

Hey,

 

Okay, I have a div box which I want to disappear on mouse out but after let's say, 3 seconds. So essentially, I want to add a delay to the mouse out. How would I go about doing that? Thank you and take care.

 

<div id="loginBox" onMouseOut="javascript:login('hide');">

 

<script language="JavaScript" type="text/javascript">
function login(showhide){
if(showhide == "show"){
document.getElementById('loginBox').style.visibility="visible";
}else if(showhide == "hide"){
document.getElementById('loginBox').style.visibility="hidden";
}
}
</script>

 

Best Regards,

eRott

[Psycho]

<div id="loginBox" onMouseOut="setTimeout('login(\'hide\')', 3000);">

 

 

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

[eRott]

Sorry: late response.

 

Thanks kindly for the help. Take care.

 

Regards,

eRott