如何用jquery获取点击gridview中控件的鼠标坐标

fyrise 2010-09-08 09:48:39
今天有javascript代码,

function ShowDetail(olinkButton,id)
{
var url = "Detail.aspx?id="+id+"&catch="+(new Date()).getTime();

var x = window.event.clientX+document.documentElement.scrollLeft;
var y = window.event.clientY + document.documentElement.scrollTop;
//alert(x);
//alert(y);
//alert(url);
var fnCallBack=function(oResult)
{
//alert(oResult);
var oDivResult = document.getElementById("divResult");
var oDivContent = document.getElementById("divContent");
if (oDivContent)
{
oDivContent.innerHTML = oResult;
}
if (oDivResult)
{
oDivResult.style.display="block";
oDivResult.style.left = x;
oDivResult.style.top = y;
MyDragHandler.AttachDrag("divResult");
}
}
var fnLoading=function(){

}
Http.get(url,fnCallBack,fnLoading,null);

}
aspx页面代码
<asp:GridView ID="GridView1" runat="server">
<Columns>
<asp:BoundField DataField="Id" HeaderText="ID" SortExpression="Id" />
<asp:TemplateField HeaderText="档案编号" SortExpression="Human_no">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" OnClientClick='<%# Eval("Id", "ShowDetail(this,{0});return false") %>'
Text='<%# Eval("Human_no") %>'></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>

</asp:GridView>
<div id="divResult" style="border-right: #003399 1px solid; border-top: #003399 1px solid; border-left: #003399 1px solid; border-bottom: #003399 1px solid;width:408px;height:300px;position:absolute;display:none;background-color:White">
<div id="divTitle" style="width:100%;height:20px;font-size:large;font-weight:bold;color:Red;text-align:right;padding-right:5px;" ><span onclick="closeDiv()" style="width:10px;height:20px;cursor:pointer">X</span></div>
<div id="divContent"></div>
</div>

以上代码在ie中运行成功,效果:用javascript获取Detail.aspx的数据,显示在DivResult层(于gridview之上)中,并将divresult层的位置设为点击链接时的鼠标坐标,,但只适用于ie。
最近想用jquery转换,以适应多浏览器,
function ShowDetail(olinkButton, id) {
var url = "Detail.aspx?id=" + id + "&catch=" + (new Date()).getTime();


var fnCallBack = function(response) {
$("#LinkButton1").click(function(e) {
var e = e || event;
alert("x=" + e.clientX + ",y=" + e.clientY);
$("#divResult").css({ top: e.clientY, left: e.clientX });
})



$("#divContent").html(response);
$("#divResult").css("display", "block");
}
$.get("http://localhost:/Web/" + url, null, fnCallBack);
}
DivResult层获取数据成功,显示成功,但不能设定divResult层的位置,(它自动在最下面)请问如何将divResult层的位置设定为gridview之上,asp:LinkButton列之后

...全文
171 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
尐孑 2010-09-08
  • 打赏
  • 举报
回复
顶起 好好学习天天上线

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧