Showing Floating Div In A Gridview

I have a gridview and when i mouse hover on a particular column, i am loading an external div(position:absolute) into that position.This i have done by calling a js function in the

Solution 1:

How about removing the div after you are done with the work in the DIV you have popped up? So you would close the DIV when you click the button in the DIV (Assuming it does work and should close afterward) or in a similar manner.

Solution 2:

Set a small timeout for hiding the div and clear this timeout in the onmouseover handler for the div.

Solution 3:

It seems like the onmouseout event should be attached to the div.

Solution 4:

If you don't have Anchor tags in this content, may I suggest some CSS magic?

CSS here

a.MyCellPopupdiv.MyPopup {display:none;}
a.MycellPopup {position:relative;} /* Make pop up's position relative to the anchor tag */a:hover.MyCellPopupdiv.MyPopup {display:block;position:absolute;top:10px;left:10px}

HTML Here

<ahref="#"onclick="return false;"class="MyCellPopup"><divclass="MyPopup">POP UP STUFF without links (links won't work)</div></a>

I have an onclick="return false" so if they click on the cell, they won't be brought to the top of the page. The href needs to be in there or else IE won't recognize the hover. I got this idea from ZenGarden for how to do simple pop ups.

If this still doesn't work I highly recommend visiting the YUI library, they have a javascript widget for exactly this problem.