Javascript 在gridview中显示浮动div_Javascript_Gridview_Html

Javascript 在gridview中显示浮动div

javascript gridview html

Javascript 在gridview中显示浮动div,javascript,gridview,html,Javascript,Gridview,Html,我有一个gridview，当我将鼠标悬停在某个特定列上时，我正在将一个外部div（位置：绝对）加载到该位置。这是通过在gridview单元格（gvTestGrid.cells[1].attributes.add（“onmouseover”，“loadDIV（）；”）的onmouseover事件中调用js函数实现的。我能够在鼠标悬停时正确加载div，但问题是我加载的div中包含一个下拉菜单和按钮。当我尝试将鼠标移到div中，单击按钮或选择下拉列表时，div会移开。这发生在我添加 onmouseo

我有一个gridview，当我将鼠标悬停在某个特定列上时，我正在将一个外部div（位置：绝对）加载到该位置。这是通过在gridview单元格（gvTestGrid.cells[1].attributes.add（“onmouseover”，“loadDIV（）；”）的onmouseover事件中调用js函数实现的。我能够在鼠标悬停时正确加载div，但问题是我加载的div中包含一个下拉菜单和按钮。当我尝试将鼠标移到div中，单击按钮或选择下拉列表时，div会移开。这发生在我添加 onmouseout事件（gvTestGrid.cells[1].attributes.add（“onmouseout”、“removeDIV（）；”）

如果没有onmouse out事件，我的div将保持加载在gridview单元格中。请帮助

我做了一个小样本

<html>
  <div id="divPopup" onmouseout="removeDIV(this,event);" style="display:none;width:100px;height:100px;color:Navy;border:2px;border-color:Red;border-style:solid;">
    Yes its me
    </div>

    <table>
    <tr><td>A</td></tr>
    <tr><td>S</td></tr>
    <tr><td onmouseover="loadDIV(event)" onmouseout="removeDIV(this,event);">D</td></tr>
    <tr><td>E</td></tr>
    </table>

</html>
<script language="javascript" type="text/javascript">
function loadDIV(evt)
{
var myWin = document.getElementById('divPopup');
myWin.style.position='absolute';
myWin.style.left = evt.x;
myWin.style.top = evt.y;
myWin.style.display='block';

}

function removeDIV(obj,evt)
{
var myWin = document.getElementById('divPopup');
myWin.style.display='none';
myWin.style.left = 0;
myWin.style.top = 0;
}
</script>


是的，是我
A.
s
D
E
函数loadDIV（evt）
{
var myWin=document.getElementById（'divPopup'）；
myWin.style.position='absolute'；
myWin.style.left=evt.x；
myWin.style.top=evt.y；
myWin.style.display='block'；
}
功能移除IV（obj、evt）
{
var myWin=document.getElementById（'divPopup'）；
myWin.style.display='none'；
myWin.style.left=0；
myWin.style.top=0；
}

如果您尝试将鼠标输入div，它将移开。有什么解决方案吗？？？

在完成弹出的div中的工作后，如何删除div？因此，您可以在单击DIV中的按钮时关闭DIV（假设它可以工作，并且应该在之后关闭），或者以类似的方式关闭DIV。

在完成弹出的DIV中的工作后，如何删除DIV？因此，当您单击DIV中的按钮时，您将关闭DIV（假设它确实工作，并且应该在之后关闭）或者以类似的方式。

似乎onmouseout事件应该附加到div。

设置隐藏div的小超时，并在该div的onmouseover处理程序中清除此超时。

设置隐藏div的小超时，并在中清除此超时div的onmouseover处理程序。

如果此内容中没有锚定标记，我可以推荐一些CSS魔术吗

CSS在这里

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

这里是HTML

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

我有一个onclick=“return false”，因此如果他们单击单元格，他们将不会被带到页面顶部。href必须在那里，否则IE无法识别悬停。我从ZenGarden那里学到了如何制作简单弹出窗口的想法

如果这仍然不起作用，我强烈建议访问YUI库，他们有一个javascript小部件来解决这个问题。

如果您在这篇内容中没有锚定标记，我可以推荐一些CSS魔术吗

CSS在这里

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

这里是HTML

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

如果这仍然不起作用，我强烈建议访问YUI库，他们有一个javascript小部件来解决这个问题。

请发布相关代码请发布相关代码