我在页面中使用UpdatePanel以实现局部刷新,但是不能实现div层移动了!在没有使用UpdatePanel时,可以实现层移动的,请问如何解决?谢谢。
以下是大致代码:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
......
......
</ContentTemplate> </asp:UpdatePanel> <!--End 无刷新 --> 实现层移动js代码: <script type="text/javascript">
// <![CDATA[
var $j = function (id) { return document.getElementById(id); };
var getMouseP = function (e) {
//获取鼠标坐标 请传递evnet参数
e = e || window.event;
var m = (e.pageX || e.pageY) ? { x: e.pageX, y: e.pageY} : { x: e.clientX + document.body.scrollLeft - document.body.clientLeft, y: e.clientY + document.body.scrollTop - document.body.clientTop };
return m;
}; move = function (o, t) {
o = $j(o);
t = $j(t);
o.onmousedown = function (ev) {
var mxy = getMouseP(ev); //获取当前鼠标坐标
var by = { x: mxy.x - (t.offsetLeft), y: mxy.y - (t.offsetTop) };
o.style.cursor = "move";
document.onmousemove = function (ev) {
var mxy = getMouseP(ev);
t.style.left = mxy.x - by.x + "px";
t.style.top = mxy.y - by.y + "px";
};
document.onmouseup = function () {
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
this.onmousemove = null;
}
}
}
move("<%= movespan.ClientID%>", "<%= movediv.ClientID%>");// ]]>
</script>
以下是大致代码:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
......
......
</ContentTemplate> </asp:UpdatePanel> <!--End 无刷新 --> 实现层移动js代码: <script type="text/javascript">
// <![CDATA[
var $j = function (id) { return document.getElementById(id); };
var getMouseP = function (e) {
//获取鼠标坐标 请传递evnet参数
e = e || window.event;
var m = (e.pageX || e.pageY) ? { x: e.pageX, y: e.pageY} : { x: e.clientX + document.body.scrollLeft - document.body.clientLeft, y: e.clientY + document.body.scrollTop - document.body.clientTop };
return m;
}; move = function (o, t) {
o = $j(o);
t = $j(t);
o.onmousedown = function (ev) {
var mxy = getMouseP(ev); //获取当前鼠标坐标
var by = { x: mxy.x - (t.offsetLeft), y: mxy.y - (t.offsetTop) };
o.style.cursor = "move";
document.onmousemove = function (ev) {
var mxy = getMouseP(ev);
t.style.left = mxy.x - by.x + "px";
t.style.top = mxy.y - by.y + "px";
};
document.onmouseup = function () {
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
this.onmousemove = null;
}
}
}
move("<%= movespan.ClientID%>", "<%= movediv.ClientID%>");// ]]>
</script>
解决方案 »
- 不用密码发送邮件
- 打印问题 如何打印一张bmp的图片 C#语言
- text文本框 样式的问题
- gridview删除行的问题
- 请问怎么在程序里设计一个button,点了它就可以打开别的程序?就是点了button就可以打开指定路径的在我系统里的其他程序,button里的事件怎么写?
- 半夜提问,用odbc连dbf数据库 一个字母+数字的列名死活都说没找到该列
- 求助 C#中如何使程序存储上一次选择的打印机(分数:100+)
- Win DataGrid 怎么在点击单元格的时候就像点击行选择列一样选择整行?
- 小弟远程重启计算机有问题,求救各位大虾
- 使用DataSet来操作文本文件居然把我的数据给隐式转换为了INT型,不知道怎么解决。
- 怎么实例化Class2啊
- aspx sql 含session的模糊查询 怎么写
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
就行了。呵呵,同样的朋友也可作为参考。