"Eric Adem" <ecadem@megapathdsl.net> wrote in message
news:1027lgle878vha4@corp.supernews.com...[color=blue]
> Try out the following code:
> <html>
> <body>
> <table onMouseOut="alert('out');" width="50%" height="50%"
> bgcolor=yellow><tr><td>
> <table width="100%" height="100%"><tr valign=middle>
> <td align=center bgcolor=lightblue>1</td>
> <td align=center bgcolor=palegreen>2</td>
> </tr></table>
> </td></tr></table>
> </body>
> </html>
>
> The outer table only has one cell which contains the inner table, and the
> onMouseOut handler is associated with this outer table. Yet, the handler[/color]
gets[color=blue]
> triggered when you move between the cells of the inner table. Am I going
> crazy, or is this some kind of bug in IE? I even tried wrapping the inner
> table inside <div> tags, instead of an outer table and it did the same[/color]
thing.[color=blue]
> I would like to trigger the handler only when the mouse pointer leaves the
> entire area, not each individual cell.[/color]
This sounds a little bit like event bubbling in the DOM:
http://www.w3.org/TR/2000/REC-DOM-Le...-flow-bubbling
But I could be wrong.
Regards,
Peter Foti
