AJAX簡(jiǎn)單應(yīng)用實(shí)例-彈出層
更新時(shí)間:2008年08月07日 23:51:48 作者:
AJAX的簡(jiǎn)單應(yīng)用,包括js彈出DIV層、層拖動(dòng)、ajax后臺(tái)讀取數(shù)據(jù)!注意getinfo.asp文件是以u(píng)tf-8格式保存的,在getinfo.asp里面可以寫讀數(shù)據(jù)庫代碼!
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="請(qǐng)等待,加載中...";
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="出現(xiàn)錯(cuò)誤,錯(cuò)誤代碼為:"+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簡(jiǎn)單應(yīng)用實(shí)例-彈出層.rar
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="請(qǐng)等待,加載中...";
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="出現(xiàn)錯(cuò)誤,錯(cuò)誤代碼為:"+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加載外部頁面彈出層效果實(shí)現(xiàn)方法
- AJAX實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出詳細(xì)介紹示例
- div彈出層的ajax登錄(Jquery版+c#)
- AJAX使用了UpdatePanel后無法使用alert彈出腳本
- ASP.NET AJAX時(shí)用alert彈出對(duì)話框
- .net采用ajax實(shí)現(xiàn)郵箱注冊(cè)和地區(qū)選擇實(shí)例
- ajax請(qǐng)求post和get的區(qū)別以及get post的選擇
- ajax讀取數(shù)據(jù)庫內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例
- Ajax實(shí)現(xiàn)彈出式無刷新城市選擇功能代碼
相關(guān)文章
使用ASP獲得服務(wù)器網(wǎng)卡的MAC地址信息
使用ASP獲得服務(wù)器網(wǎng)卡的MAC地址信息...2007-01-01asp下利用fso實(shí)現(xiàn)文件夾或文件移動(dòng)改名等操作函數(shù)
以后利用fso來操作文件和文件夾就方便了2008-01-01asp在iis7報(bào)錯(cuò)行號(hào)不準(zhǔn)問題的解決方法
這篇文章主要介紹了asp在iis7報(bào)錯(cuò)行號(hào)不準(zhǔn)問題的解決方法,需要的朋友可以參考下2020-08-08ASP中SELECT下拉菜單同時(shí)獲取VALUE和TEXT值的實(shí)現(xiàn)代碼
這篇文章主要介紹了ASP中SELECT下拉菜單同時(shí)獲取VALUE和TEXT值的實(shí)現(xiàn)代碼,需要的朋友可以參考下2020-06-06Asp 操作Cookies(包括設(shè)置[賦值]、讀取、刪除[設(shè)置過期時(shí)間])
Asp 操作Cookies(包括設(shè)置[賦值]、讀取、刪除[設(shè)置過期時(shí)間]) ,這個(gè)是比較全的了,更多資料可以參考腳本之家前兩篇文章。2010-03-03