I have a custom drop down menu which I show upon clicking on a hyperlink. I display a div with other hyperlinks on it for the user to select from. I have a blur event on the div which fires as expected when you click away from the div. The div also goes away upon clicking a hyperlink located on the div. The problem is that the click events of the hyperlinks in the div do not get raised if the div is set to display:nothing upon raising the blur event.
In other words the click events do not get fired because my blur event is hiding the div. If i remove the hiding of the div, the click events get raised as expected. I'm basically trying to get the same behavior as a combobox, where you can click away to close it. I need to save the option selected upon clicking something in the div, which is where my problem is. I tried using option buttons as well, but this did not work either.
So any way to hide the div on blur and still allow the click event to be completed?
Popup Menu Appear</a><br />
<div onblur="popup_hide(this);" id="pimped" style="display: none; position: absolute; left: 15px;"
<asp:Image runat="server" class="imgDodo" ImageUrl="~/images/testme2.png" />