SetTimeout Issue

hey everyone..I have a JS function that is showing layers onMouseOver, and onMouseOut, I'm hiding the layer(s). My problem is I want to delay the onMouseOut event for say, 5 seconds...I have tried using setTimeout, however the 2 params I am passing into the function are "unidentified" if I attempt this method...How can I get around this? code follows, thank you in advance...


<html>
<head>
<title>:::show.hide:::</title><script language="JavaScript">
<!--
// Show layer function
function Show(id, visibility) {
 obj = document.getElementsByTagName("div");
 obj[id].style.visibility = "visible";
}
// Hide layer function
function Hide(id, visibility) {
 obj = document.getElementsByTagName("div");
 obj[id].style.visibility = "hidden";
}
//-->
</script>
<style type="text/css">
<!--
#sub1Div
{
visibility:hidden;
width:80px;
height:80px;
position:absolute;
left:200px;
top:20px;
border:1px solid #151515;
}
-->
</style>
</head>
<body>
<div id="sub1Div"> sub1</div>
<p>
<a href="#"
  onmouseover="Show('sub1Div','visible')"
  onmouseout="Hide('sub1Div','hidden')">
  showhide.sub1
</a>
</p>
 
</body>
</html>

SetTimeout Issue

Need to delay my JS...params not being passed correctly

RhythmAddict

StupidScript

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week