AJAX简单应用实例-弹出层

1. function createobj() {  
2.  if (window.ActiveXObject) {  
3.          return(new ActiveXObject("Microsoft.XMLHTTP"));  
4.      }  
5.      else if (window.XMLHttpRequest) {  
6.          return(new XMLHttpRequest());  
7.      }  
8. }  
9.  
10.  
11. function personalInfo() {  
12.   var oBao=createobj();  
13.   var cont=document.getElementById("person_detial");  
14.   var cont_a=document.getElementById("person_content");  
15.   cont.style.display='block';  
16.   cont.style.cursor='pointer';  
17.   cont_a.innerHTML="请等待,加载中...";   
18.   var my_url="getinfo.asp?"+Math.random();  
19.   oBao.open("get",my_url,true);   
20.   oBao.onreadystatechange=function(){  
21.   if(oBao.readyState==4){  
22.    if(oBao.status==200){   
23.      cont_a.innerHTML=oBao.responseText;  
24.      }else{  
25.      cont_a.innerHTML="出现错误,错误代码为:"+oBao.status;  
26.     }    
27.   }  
28.   }  
29.   oBao.send();   
30.  }  
31.  
32.  
33.  
34. function Drag(id)  
35. {  
36. var self=this;  
37. this.obj=(typeof(id)=="string")?document.getElementById(id):id;  
38. this.obj.onmousedown=function(e)  
39. {  
40. e=e||window.event;  
41. var obj=self.obj;//指向自己  
42. if(e.layerX){obj.position={x:e.layerX,y:e.layerY};}  
43. else{obj.position={x:e.offsetX,y:e.offsetY};}  
44. document.onmousemove=self.start;  
45. document.onmouseup=self.end;  
46.  
47.  
48. }  
49. this.start=function(e)  
50. {  
51. e=e||event;  
52. document.onselectstart = function(){ return false; };  
53. window.getSelection && window.getSelection().removeAllRanges();  
54. var obj=self.obj;  
55. obj.style.left=e.clientX-obj.position.x+"px";  
56. obj.style.top=e.clientY-obj.position.y+"px";  
57. }  
58. this.end=function(e)  
59. {  
60. e=e||event;   
61. document.onmousemove = document.onmouseup = document.onselectstart = null;       
62. }  
63. }