Welcome to WebmasterWorld Guest from 126.96.36.199
Forum Moderators: open
For an example, see <snip>
How can I cancel the onmouseout event when it goes into the nested block elements, but keep it active for when the mouse actually leaves the outside edge of the container div?
Reps to the first fix!
[edited by: DrDoc at 9:20 pm (utc) on Aug. 23, 2008]
[edit reason] No URIs, please. See posting guidelines. [/edit]
Instead of shrinking the size onmouseout, call setTimeout to shrink the size after some small amount of time (maybe 300ms). Then, add an onmouseover listener that will call cancelTimeout to prevent the method for shrinking the size from being called. Therefore, if you are mousing over any of the nested items, the call to shrink the size will always be cancelled before it can call that method.
I set the onmouseout event on the container div to:
and on the nested div,
Worked like a charm! Thank you, I wasn't aware of a clearTimeout function.