AJAX简单应用实例-弹出层

来源:asp之家 时间:2011-04-14 10:55:00 

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 (2.11 KB)

标签:AJAX,弹出层
0
投稿

猜你喜欢

  • position、z-index、top、right、bottom和left属性

    2009-10-04 20:33:00
  • SQL Server 数据库备份和还原认识和总结 (一)

    2012-10-07 10:52:54
  • Laravel中数据库迁移操作的示例详解

    2023-05-25 06:27:38
  • 提高javascript的速度系列(序)

    2008-07-15 12:38:00
  • Oracle 日期的一些简单使用

    2009-08-05 20:42:00
  • MySQL中delimiter的作用

    2010-10-25 20:26:00
  • FCKeditor编辑器实战技巧

    2007-10-08 21:13:00
  • 用ASP生成XBM数字图片验证码

    2008-08-10 18:40:00
  • my.ini(my.cnf)与mysql优化指南

    2009-12-15 16:20:00
  • 我所钟爱的HTML5资源

    2010-07-23 09:25:00
  • 论坛首页效果图设计

    2009-03-19 13:46:00
  • 成功的用户界面的八个特性[译]

    2009-04-20 20:36:00
  • XML:OpenSearch 浏览器指定搜索应用

    2010-05-04 19:37:00
  • XMLHTTP中setRequestHeader的参数问题

    2008-09-30 10:48:00
  • MySQL两种表存储结构性能比较测试过程

    2007-12-09 12:45:00
  • 详细介绍查询优化技术在现实系统中的运用

    2009-01-04 13:34:00
  • 使用Title提升可访问性

    2009-04-04 17:06:00
  • ASP短日期格式为长日期

    2009-06-11 12:53:00
  • MYSQL初学者使用指南[适用自己安装mysql者]

    2007-08-06 14:53:00
  • JS重现80后儿时经典拼板(模板)游戏

    2011-09-11 18:36:46
  • asp之家 网络编程 m.aspxhome.com