完美的AJAX定位解决方案

完美的AJAX定位解决方案

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<script type="text/javascript">  
//coding by 清风
//QQ: 21684883, MSN: anwellsz@msn.com
//Last Modify : 07/30/2008
//获取当前窗口位置的高度
function getHeight(){
var t,h;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
h = document.documentElement.scrollHeight; 
}else if (document.body) { 
t = document.body.scrollTop; 
h = screen.height;
}
return h + t;
}

function openWithIframe(tit,url,w,h){
  var sWidth,sHeight;
  sWidth=document.body.clientWidth;
  sHeight=document.body.scrollHeight;
  if(sHeight<window.screen.height){sHeight=window.screen.height;}
  var bgObj=document.createElement("div");
  bgObj.setAttribute('id','bgDiv');
  bgObj.style.position="absolute";
  bgObj.style.top="0";
  bgObj.style.background="#000000";
  bgObj.style.filter="Alpha(Opacity=30);";
  bgObj.style.left="0";
  bgObj.style.width=sWidth + "px";
  bgObj.style.height=sHeight + "px";
  bgObj.style.zIndex = "10000";
    document.body.appendChild(bgObj);

    massage_box.style.left = (document.body.clientWidth - w) / 2;
    //massage_box.style.top = (screen.height - h) / 2-80;
  
  massage_box.style.top = (getHeight() - h) / 2-80;
    massage_box.style.screenx = (document.body.clientWidth - w) / 2;//仅适用于Netscape
    massage_box.style.screeny = (screen.height - h) / 2-80;//仅适用于Netscape
    massage_box.style.width = w+"px";
    massage_box.style.height = h+"px";
    pop_title.innerHTML=tit;
    massage_box.style.display=''
    var popiframe='<iframe src="'+url+'" width="'+(w-11)+'px"  height="'+(h-36)+'px" frameborder=0 scrolling=no></iframe>';
    pop_iframe.innerHTML=popiframe;
}
function closeWithIframe(){
    massage_box.style.display="none";
    document.body.removeChild(document.getElementById("bgDiv"));
}
document.write('<div id="massage_box" style="position:absolute; FILTER: progid:DXImageTransform.Microsoft.DropShadow();z-index:10001;display:none">');
document.write('<div style="border-width:1 1 3 1; width:100%; height:100%; background:#fff; color:#666666; font-size:12px; line-height:150%">');
document.write('<div onmousedown=MDown(massage_box) style="background:#666666; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#fff;cursor:move;padding:0 0 4px 0">');
document.write('<div style="display:inline; width:200px; position:absolute;padding:3px 0 0 5px" id=pop_title></div>');
document.write('<span onClick="closeWithIframe()" style="float:right; display:inline; cursor:pointer;padding:3px 5px 0 0;font-size:12px">关闭</span>');
document.write('</div>');
document.write('<div style="padding:5px" id=pop_iframe></div>');
document.write('</div>');
document.write('</div>');
</script> 

<body>
<a onclick="openWithIframe('IP查询','http://www.51tiao.com/Plus/IP/?IP=222.66.7.130',300,200);">IP查询</a>

<table style="height:1700px">
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

<a onclick="openWithIframe('IP查询','http://www.51tiao.com/Plus/IP/?IP=222.66.7.130',300,200);">IP查询</a>
</body>
</html>

风易博客

风萧萧兮易水寒, 壮士一去兮不复还。

导航

2008-7-30 11:19:30

Tags: ajax

发布:清风 | 分类:常见问题 | 评论:3 | 引用:0 | 浏览:

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80722 theme by BokeZhuti

Copyright © 2005 - 2008 风易博客 1982Y.Net.Cn All Rights Reserved. 由Wind88.Net提供优质主机空间
沪ICP备05006417号

风易博客

风萧萧兮易水寒, 壮士一去兮不复还。

导航

2008-7-30 11:19:30

完美的AJAX定位解决方案

Tags: ajax

发布:清风 | 分类:常见问题 | 评论:3 | 引用:0 | 浏览: strBatchCount+="spn138=138,"

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80722 theme by BokeZhuti

Copyright © 2005 - 2008 风易博客 1982Y.Net.Cn All Rights Reserved. 由Wind88.Net提供优质主机空间沪ICP备05006417号

发布:清风 | 分类:常见问题 | 评论:3 | 引用:0 | 浏览:

Copyright © 2005 - 2008 风易博客 1982Y.Net.Cn All Rights Reserved. 由Wind88.Net提供优质主机空间
沪ICP备05006417号