<!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>&nbsp;</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>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>&lt;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"' 
&gt;<BR>&lt;TABLE WIDTH=120 BORDER=1 CELLPADDING=0 CELLSPACING=0 
onmouseover='document.getElementById("TableStatus").innerHTML="OVER TABLE"' 
onmouseout='document.getElementById("TableStatus").innerHTML="OUT OF TABLE"' 
&gt;<BR>&lt;TR&gt;&lt;TD&gt;&lt;SPAN 
ID=DivStatus&gt;DIV&lt;/SPAN&gt;&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;TR&gt;&lt;TD&gt;&lt;SPAN 
ID=TableStatus&gt;TABLE&lt;/SPAN&gt;&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;TR 
onmouseover='document.getElementById("row1").innerHTML="in row"' 
onmouseout='document.getElementById("row1").innerHTML="out of 
row"'&gt;<BR>&lt;TD&gt;&lt;SPAN 
ID=row1&gt;option1&lt;/SPAN&gt;&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;TR 
onmouseover='document.getElementById("row2").innerHTML="in row"' 
onmouseout='document.getElementById("row2").innerHTML="out of 
row"'&gt;<BR>&lt;TD&gt;&lt;SPAN 
ID=row2&gt;option2&lt;/SPAN&gt;&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;/TABLE&gt;&lt;/DIV&gt;</FONT></DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</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>&lt;DIV ID=menu STYLE='position: 
  absolute; left: 200px; top: 300px;visibility: 
  visible'<BR>onmouseover='alert("in");' 
  onmouseout='alert("out");'&gt;<BR>&lt;TABLE WIDTH=120 BORDER=1 CELLPADDING=0 
  CELLSPACING=0&gt;<BR>&lt;TR&gt;&lt;TD&gt;option1&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;TR&gt;&lt;TD&gt;option2&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;/TABLE&gt;<BR>&lt;/DIV&gt;<BR><BR><BR>regards<BR>Lau<BR><BR></FONT></DIV></BLOCKQUOTE></BODY></HTML>