<!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>
<DIV>Actually I didn't solve it, it just looked solved because the innerHTML
statements were overwriting themselves faster than I can see. By concatenating
rather than replacing the text I saw that the onmouseout and onmousein are
getting triggered every time the cursor goes over a row boundary.</DIV>
<DIV> </DIV>
<DIV>What's the best way around this?</DIV>
<DIV> </DIV>
<DIV>Try this to see what I mean:</DIV>
<DIV> </DIV>
<DIV><DIV ID=menu
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>trigger DIV &
Table</TD></TR><BR><TR
onmouseover='document.getElementById("row1").innerHTML+=" in row"'
onmouseout='document.getElementById("row1").innerHTML+=" out of row
-"'><BR><TD>trigger Row</TD></TR><BR><TR
onmouseover='document.getElementById("row2").innerHTML+=" in row"'
onmouseout='document.getElementById("row2").innerHTML+=" out of row
-"'><BR><TD>trigger
Row</TD></TR><BR></TABLE></DIV></DIV>
<DIV> </DIV>
<DIV><TABLE WIDTH=600 BORDER=1 CELLPADDING=0 CELLSPACING=0
onmouseover='document.getElementById("TableStatus").innerHTML="OVER TABLE"'
onmouseout='document.getElementById("TableStatus").innerHTML="OUT OF TABLE"'
><BR><TR><TD WIDTH=50>DIV</TD><TD><SPAN
ID=DivStatus>&nbsp;</SPAN></TD></TR><BR><TR><TD>TABLE</TD><TD><SPAN
ID=TableStatus>&nbsp;</SPAN></TD></TR><BR><TR><TD>Row1</TD><TD><SPAN
ID=row1>&nbsp;</SPAN></TD></TR><BR><TR><TD>row2</TD><TD><SPAN
ID=row2>&nbsp;</SPAN></TD></TR><BR></TABLE></DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV>regards </DIV>
<DIV>Lau</DIV></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:40
PM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> Re: [Javascript] ONMOUSEOUT
being triggered too many times SOLVED</DIV>
<DIV><BR></DIV>
<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></BODY></HTML>