ajax弹出帮助,AJAX简单应用实例-弹出层

AJAX简单应用实例-弹出层

更新时间：2008年08月07日 23:51:48   作者：

AJAX的简单应用,包括js弹出DIV层、层拖动、ajax后台读取数据！注意getinfo.asp文件是以utf-8格式保存的，在getinfo.asp里面可以写读数据库代码！

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.οnmοusedοwn=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.οnmοusemοve=self.start;

document.οnmοuseup=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

相关文章

用asp的朋友，可以用下面的代码，实现mssql数据库的备份还原操作2008-06-06

asp查询xml的代码 不刷新页面查询的实现方法2009-01-01

Asp下实现多表单域无组件文件上传的实例...2007-11-11

当网站的数据越来越多的时候，一台服务器就遇到瓶劲了，导致服务器运行慢，前台页面半天打不开。2011-05-05

asp 取得中文句子头一个字的大写拼音字母的函数...2007-08-08

可以方便计算一个字符串在另一个字符串出现的次数2008-05-05

asp下一些高级应用中会出现的一些问题解决方法2008-08-08

ASP中JavaScript处理复杂表单的生成与验证...2007-03-03

由于Access中的模糊查询语句 like 里的通配符不是%而是*，所以要注意一下2008-06-06

asp中将有双引号标题入库的方法，需要的朋友可以参考下2012-10-10

最新评论