首页 > 开发 > Asp > 正文

AJAX简单应用实例-弹出层

2020-06-20 13:13:32

字体：大中小

来源：转载

供稿：网友

function createobj() {
if (window.ActiveXObject) {
         return(new ActiveXObject("Microsoft.XMLHTTP"));
     }
     else if (window.XMLHttpRequest) {
         return(new XMLHttpRequest());
     }
}

function personalInfo() {
  var oBao=createobj();
  var cont=document.getElementById("person_detial");
  var cont_a=document.getElementById("person_content");
  cont.style.display='block';
  cont.style.cursor='pointer';
  cont_a.innerHTML="请等待,加载中...";
  var my_url="getinfo.asp?"+Math.random();
  oBao.open("get",my_url,true);
  oBao.onreadystatechange=function(){
  if(oBao.readyState==4){
   if(oBao.status==200){
     cont_a.innerHTML=oBao.responseText;
     }else{
     cont_a.innerHTML="出现错误,错误代码为:"+oBao.status;
    }
  }
  }
  oBao.send();
}

function Drag(id)
{
var self=this;
this.obj=(typeof(id)=="string")?document.getElementById(id):id;
this.obj.onmousedown=function(e)
{
e=e||window.event;
var obj=self.obj;//指向自己
if(e.layerX){obj.position={x:e.layerX,y:e.layerY};}
else{obj.position={x:e.offsetX,y:e.offsetY};}
document.onmousemove=self.start;
document.onmouseup=self.end;

}
this.start=function(e)
{
e=e||event;
document.onselectstart = function(){ return false; };
window.getSelection && window.getSelection().removeAllRanges();
var obj=self.obj;
obj.style.left=e.clientX-obj.position.x+"px";
obj.style.top=e.clientY-obj.position.y+"px";
}
this.end=function(e)
{
e=e||event;
document.onmousemove = document.onmouseup = document.onselectstart = null;
}
}

AJAX简单应用实例-弹出层.rar

您可能感兴趣的文章:

Ajax加载外部页面弹出层效果实现方法AJAX实现鼠标经过弹出详细介绍示例div弹出层的ajax登录(Jquery版+c#)AJAX使用了UpdatePanel后无法使用alert弹出脚本ASP.NET AJAX时用alert弹出对话框.net采用ajax实现邮箱注册和地区选择实例ajax请求post和get的区别以及get post的选择ajax读取数据库内容实现二级联动下拉选择菜单示例Ajax实现弹出式无刷新城市选择功能代码

上一篇：不用WinRar只有asp将网络空间上的文件打包下载

下一篇：asp截取指定英汉混合字符串_支持中文

学习交流

robots.txt详细介绍

robots.txt详细介绍...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

字节跳动公司一季度营收约为400亿元人民币同比增长130%

2020-06-17 22:26:00

电脑WinXP、Win7和Win10，哪个操作系统最好用？

2020-06-13 23:36:46

海信电视U7正式发布支持130％BT709色域

2020-06-13 23:31:38

小米Mi Mix4曝光：看起来更完美了

2020-06-13 23:29:55

新浪微博：6月12日22时起用户发布评论须关注博主7天以上

2020-06-13 23:26:25

中国联通宣布公用电话全面停止服务：IC卡、校园卡再见！

2020-06-12 23:14:50

疑难解答

图片精选

网友关注