DIV层显示登录窗口 模拟ajax窗口

function ScreenConvert() { var browser = new Browser1(); var objScreen = document.getElementById("ScreenOver"); if(!objScreen) var objScreen = document.createElement("div"); var oS = objScreen.style; objScreen.id = "ScreenOver"; oS.display = "block"; oS.top = oS.left = oS.margin = oS.padding = "0px"; if (document.body.clientHeight) { var wh = document.body.clientHeight + "px"; }else if (window.innerHeight){ var wh = window.innerHeight + "px"; }else{ var wh = document.body.scrollHeight; } oS.width = "100%"; oS.height = wh; oS.position = "absolute"; oS.zIndex = "3"; if ((!browser.isSF) && (!browser.isOP)){ oS.background = "#555"; }else{ oS.background = "#555"; } oS.filter = "alpha(opacity=65)"; oS.opacity = 60/100; oS.MozOpacity = 60/100; document.body.appendChild(objScreen); var allselect = document.getElementsByTagName("select"); for (var i=0; i<allselect.length; i++) allselect[i].style.visibility = "hidden"; } function Browser1(){ var ua, s, i; this.isIE = false; this.isNS = false; this.isOP = false; this.isSF = false; this.isFF = false; ua = navigator.userAgent.toLowerCase(); s = "opera"; if ((i = ua.indexOf(s)) >= 0){ this.isOP = true;return; } s = "msie"; if ((i = ua.indexOf(s)) >= 0) { this.isIE = true; return; } s = "netscape6/"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; return; } s = "gecko"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; return; } s = "safari"; if ((i = ua.indexOf(s)) >= 0) { this.isSF = true; return; } s = "Firefox"; if ((i = ua.indexOf(s)) >= 0) { this.isFF = true; return; } //if (window.navigator.userAgent.indexOf("Firefox")>=1) } function PositionDiv(o,dwidth,dheight) { var wh = 0; if (document.body.clientHeight) { wh = document.body.clientHeight; }else if (window.innerHeight){ wh = window.innerHeight; }else{ wh = document.body.scrollHeight; } var screenWidth=(screen.width-dwidth)/2; var screenHeight=(screen.height-100-dheight)/2; o.style.top= screenHeight+"px"; o.style.left=screenWidth+"px"; o.style.position="absolute"; } function DivClose() { var objDialog = document.getElementById("DialogMove"); if (objDialog) objDialog.style.display = "none"; //document.getElementById('fade').style.display='none' var objScreen = document.getElementById("ScreenOver"); if (objScreen) objScreen.style.display = "none"; var allselect = document.getElementsByTagName("select"); for (var i=0; i<allselect.length; i++) allselect[i].style.visibility = "visible"; } function drag(o,s) { if (typeof o == "string") o = document.getElementById(o); o.orig_x = parseInt(o.style.left) - document.body.scrollLeft; o.orig_y = parseInt(o.style.top) - document.body.scrollTop; o.orig_index = o.style.zIndex; o.onmousedown = function(a) { this.style.cursor = "move"; this.style.zIndex = 10000; var d=document; if(!a)a=window.event; var x = a.clientX+d.body.scrollLeft-o.offsetLeft; var y = a.clientY+d.body.scrollTop-o.offsetTop; //author: www.longbill.cn d.ondragstart = "return false;" d.onselectstart = "return false;" d.onselect = "document.selection.empty();" if(o.setCapture) o.setCapture(); else if(window.captureEvents) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); d.onmousemove = function(a) { if(!a)a=window.event; o.style.left = a.clientX+document.body.scrollLeft-x; o.style.top = a.clientY+document.body.scrollTop-y; o.orig_x = parseInt(o.style.left) - document.body.scrollLeft; o.orig_y = parseInt(o.style.top) - document.body.scrollTop; } d.onmouseup = function() { if(o.releaseCapture) o.releaseCapture(); else if(window.captureEvents) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); d.onmousemove = null; d.onmouseup = null; d.ondragstart = null; d.onselectstart = null; d.onselect = null; o.style.cursor = "normal"; o.style.zIndex = o.orig_index; } } if (s) { var orig_scroll = window.onscroll?window.onscroll:function (){}; window.onscroll = function () { orig_scroll(); o.style.left = o.orig_x + document.body.scrollLeft; o.style.top = o.orig_y + document.body.scrollTop; } } o.style.display=""; //PositionDiv(o); } function Demo(Title,Url,dwidth,dheight,Content) { var objDialog = document.getElementById("DialogMove"); if (!objDialog) objDialog = document.createElement("div"); objDialog.id = "DialogMove"; var oS = objDialog.style; oS.zIndex = "30"; oS.position = "absolute"; oS.width=dwidth; oS.height=dheight; var ShowDiv="<table border=0 width=/"100%/" cellpadding=/"0/" cellspacing=/"0/" class=/"kl/">" +"<tr>" +"<td style="/" mce_style="/""background:url(/image/layer_global.gif); height:25px; font:bold 14px '宋体';color:#114070; padding-left:10px; width:"+(dwidth-20)+"px;/">"+Title+"</td><td style="/" mce_style="/""background:url(/image/layer_global.gif); width:20px;/"><img src="/" mce_src="/""/close.gif/" style="/" mce_style="/""cursor:pointer;/" οnclick=/"DivClose()/"></td>" +"</tr>" +"<tr>" +"<td colspan=/"2/">"; if(Content==null||Content=='') { ShowDiv+="<iframe width=/"100%/" height=/""+dheight+"-30/" scrolling=no frameborder=0 src="+Url+" mce_src="+Url+" ></iframe>"; } else { ShowDiv+=Content; } ShowDiv+="</td></tr></table>"; objDialog.innerHTML = ShowDiv; document.body.appendChild(objDialog); drag(objDialog); ScreenConvert(); PositionDiv(objDialog,dwidth,dheight); } function OpenCenterWindow(url,width,height){ window.open(url,"","height="+height+",width="+width+",left="+(window.screen.width-width)/2+",top="+(window.screen.height-height)/2+""); }

 

<script type="text/javascript">
function div_show1(){
    Demo('会员登录','/UsreLogin.aspx','300','200');
    return false;
}
</script>

 

 οnclick=return div_show1()