Ajax Simple Application Example-pop-up layer _ Application Tips

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= "Please wait, load ...";
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= "An error occurred, the error code is:" +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;//points to himself
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 Simple Application instance-pop-up layer. rar