AJAX簡單應(yīng)用實(shí)例-彈出層
更新時(shí)間:2008年08月07日 23:51:48 作者:
AJAX的簡單應(yīng)用,包括js彈出DIV層、層拖動、ajax后臺讀取數(shù)據(jù)!注意getinfo.asp文件是以utf-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="請等待,加載中...";
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簡單應(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="請等待,加載中...";
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簡單應(yīng)用實(shí)例-彈出層.rar
您可能感興趣的文章:
- 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彈出對話框
- .net采用ajax實(shí)現(xiàn)郵箱注冊和地區(qū)選擇實(shí)例
- ajax請求post和get的區(qū)別以及get post的選擇
- ajax讀取數(shù)據(jù)庫內(nèi)容實(shí)現(xiàn)二級聯(lián)動下拉選擇菜單示例
- Ajax實(shí)現(xiàn)彈出式無刷新城市選擇功能代碼
相關(guān)文章
ASP上傳漏洞之利用CHR(0)繞過擴(kuò)展名檢測腳本
本文部分腳本具有攻擊性,僅供學(xué)習(xí)研究用,請用在合法合理范圍內(nèi),對造成的損失本人不承擔(dān)責(zé)任,本人也不提供黑客攻擊技術(shù)指導(dǎo)2012-01-01
asp中讓function同時(shí)返回多個(gè)值的代碼
asp中讓function同時(shí)返回多個(gè)值的代碼,需要的朋友可以參考下。2011-02-02
[教程+分享]具有良好體驗(yàn)度的Web注冊系統(tǒng)
[教程+分享]具有良好體驗(yàn)度的Web注冊系統(tǒng)...2007-07-07
ReplaceSaveRemoteFile 替換、保存遠(yuǎn)程圖片 的代碼
ReplaceSaveRemoteFile 替換、保存遠(yuǎn)程圖片 的代碼...2007-09-09
比較不錯(cuò)的asp模板引終極講解(WEB開發(fā)之ASP模式)
比較不錯(cuò)的asp模板引終極講解(WEB開發(fā)之ASP模式)...2007-08-08
ASP網(wǎng)站生成靜態(tài)html頁面技術(shù)小結(jié)
ASP網(wǎng)站生成靜態(tài)html頁面技術(shù)小結(jié)...2007-07-07

