I am putting together a dynamic menu that must have the ability to "tab" through the links and of course use dynamic mouse functions. I have the menu working GREAT in IE... my problem is FireFox which doesn't support onMouseLeave or onFocusOut like IE does.
To create the necessary funtionality using CSS, I had to enclose the menu links for each header in DIV tags and set it to display:none, then added added a javascript to hide/show the tags when onMousedOver or onFocused (tabbed) by changing the style to display:block.
The problem is... I used the "onMouseLeave" (fires when mouse "leaves" the entire div tag, including links) and "onFocusOut" (fires when last menu item is tabbed through) events to then hide the DIV tag display.
Of course there is the "onMouseOut" option, but when the mouse leaves the first link, it fires, thus closing down the DIV display before the user can hover over the next link and I don't know of ANY alternative for onFocusOut.
Please help!
|