Miscellany

<html>
<head>
<title></title>

<script type="text/javascript">
<!--
var timer=null;
var over = 0;

function outTimer()
{
document.getElementById('idDiv').innerHTML += ' (div 1 out)';
over=0;
}

function out1()
{
if (timer==null)
{
timer = setTimeout("outTimer()","50");
//outTimer();
}
}


function over1()
{
if (over==0)
{
document.getElementById('idDiv').innerHTML += ' (div 1 over)';
over = 1;
}
clearTimeout(timer);
timer = null;
}


//-->
</script>

</head>

<body>
<div style="width: 200px; height: 200px; border: 1px #AAAAAA solid;" onmouseover="over1()" onmouseout="out1()">
div 1
<div style="width: 100px; height: 100px; border: 1px #AAAAAA solid; margin:30px;">
div 2
<div style="width: 50px; height: 50px; border: 1px #AAAAAA solid; margin:15px;">
div 3
</div></div></div>

<div id="idDiv"></div>

</body>

</html>