Hello I have this div element that is a popup menu. My problem is in dismissing the menu if the user clicks nothing.
I already have timer that will dismiss the div after 3 seconds. I would prefer something cleaner with a mouse related event. Because on a longer list the user needs time to read it, and on an accidental click, I do not want the user to have to wait 3 seconds for it disappear.
I have tried onblur, onmouseover, onmouseout on the Div, but they also fire when the mouse pointer moves into the list elements.
I am totally stumped!
-Pete
Code:
<div id="popupmenu" style="position:absolute;display:none;>
<ul>
<li><a id="treeadd">ADD CHILD</a></li>
<li><a id="treecompleted">COMPLETE</a></li>
<li><a id="treeincomplete">INCOMPLETE</a></li>
</ul>
</div>
I have tried onblur, onmouseover, onmouseout on the Div, but they also fire when the mouse pointer moves into the list elements.
I am totally stumped!
-Pete