<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>Okay please ignore my question. I've discovered the
problem.</FONT></DIV>
<DIV><FONT face=Arial size=2>My alert statements were triggering the ONMOUSEOUT
event.</FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Arial size=2>I discovered this when I replaced them with
innerHTML stements.</FONT></DIV>
<DIV><FONT face=Arial size=2>If anyone is interested heres some code showing how
the ONMOUSEOUT is triggered from the DIV, TABLE and TR </FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Arial size=2><DIV ID=menu STYLE='position: absolute; left:
200px; top: 300px;visibility: visible'
onmouseover='document.getElementById("DivStatus").innerHTML="OVER DIV"'
onmouseout='document.getElementById("DivStatus").innerHTML="OUT OF DIV"'
><BR><TABLE WIDTH=120 BORDER=1 CELLPADDING=0 CELLSPACING=0
onmouseover='document.getElementById("TableStatus").innerHTML="OVER TABLE"'
onmouseout='document.getElementById("TableStatus").innerHTML="OUT OF TABLE"'
><BR><TR><TD><SPAN
ID=DivStatus>DIV</SPAN></TD></TR><BR><TR><TD><SPAN
ID=TableStatus>TABLE</SPAN></TD></TR><BR><TR
onmouseover='document.getElementById("row1").innerHTML="in row"'
onmouseout='document.getElementById("row1").innerHTML="out of
row"'><BR><TD><SPAN
ID=row1>option1</SPAN></TD></TR><BR><TR
onmouseover='document.getElementById("row2").innerHTML="in row"'
onmouseout='document.getElementById("row2").innerHTML="out of
row"'><BR><TD><SPAN
ID=row2>option2</SPAN></TD></TR><BR></TABLE></DIV></FONT></DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV><FONT face=Arial size=2>Sorry about the inconvenience.</FONT></DIV>
<DIV><FONT face=Arial size=2>LAU</FONT></DIV>
<BLOCKQUOTE
style="BORDER-LEFT: #000000 2px solid; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px">
<DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>
<DIV
style="BACKGROUND: #e4e4e4; FONT: 10pt arial; font-color: black"><B>From:</B>
<A href="mailto:lau@goldenweb.com.au" title=lau@goldenweb.com.au>Lau</A>
</DIV>
<DIV style="FONT: 10pt arial"><B>To:</B> <A
href="mailto:javascript@LaTech.edu"
title=javascript@LaTech.edu>javascript@LaTech.edu</A> </DIV>
<DIV style="FONT: 10pt arial"><B>Sent:</B> Tuesday, August 14, 2001 7:05
PM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> [Javascript] ONMOUSEOUT being
triggered too many times</DIV>
<DIV><BR></DIV>
<DIV><FONT face=Arial size=2>Hi all,<BR><BR>How do I get around this
problem?<BR>I have a DIV with a TABLE in it that I'm using as a popup
menu.<BR>Its initially HIDDEN and becomes VISIBLE when the cursor moves over a
link.<BR>So when the mouse leaves the DIV I want the menu to become HIDDEN
again.<BR>Sounds easy but the problem is that I'm getting the ONMOUSEOUT event
being triggered when the cursor<BR>moves from one table row to the next,
followed by another ONMOUSEOVER as it enters the next row.<BR><BR>Here's
sample code demonstrating the problem:<BR><BR><DIV ID=menu STYLE='position:
absolute; left: 200px; top: 300px;visibility:
visible'<BR>onmouseover='alert("in");'
onmouseout='alert("out");'><BR><TABLE WIDTH=120 BORDER=1 CELLPADDING=0
CELLSPACING=0><BR><TR><TD>option1</TD></TR><BR><TR><TD>option2</TD></TR><BR></TABLE><BR></DIV><BR><BR><BR>regards<BR>Lau<BR><BR></FONT></DIV></BLOCKQUOTE></BODY></HTML>