ajax无边框弹出框

来源:互联网 发布:手机制作电子书软件 编辑:程序博客网 时间:2024/06/05 16:45
<script type="text/javascript">    var Obj=''    document.onmouseup=MUp    document.onmousemove=MMove    function MDown(Object)    {        Obj=Object.id        document.all(Obj).setCapture()        pX=event.x-document.all(Obj).style.pixelLeft;        pY=event.y-document.all(Obj).style.pixelTop;    }    function MMove()    {        if(Obj!='')        {            document.all(Obj).style.left=event.x-pX;            document.all(Obj).style.top=event.y-pY;        }    }    function MUp()    {        if(Obj!='')        {            document.all(Obj).releaseCapture();            Obj='';        }    }    function openWithIframe(tit,url,w,h)    {        var sWidth,sHeight;        sWidth=document.body.clientWidth;        sHeight=document.body.scrollHeight;        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.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:#57A01B; font-size:12px; line-height:150%">');    document.write('<div onmousedown=MDown(massage_box) style="background:#57A01B; 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:hand;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>

调用方法:
<a href=# onClick="openWithIframe('ajax提示框','www.programlife.cn',300,200);">ajax提示框</a>
原创粉丝点击