IE中可以将弹出窗口置于最顶层的方法
2008-12-21 19:31
309 查看
你如果用过OWA(Exchange的WEB端程序)就会知道这个功能是相当吸引人的。
拷贝所有代码,保存为PopupWindow.html,在IE中运行这个文件,就知道了!:)
所有的代码如下:
PopupWindow.html
<HTML>
<HEAD>
<TITLE>位于最顶层的弹出窗口</TITLE>
<SCRIPT LANGUAGE="JScript">
//建立一个弹出窗口
var oPopup = window.createPopup();
//得到这个弹出窗口的body
var oPopupBody = oPopup.document.body;
//开始显示的坐标(默认是最右下脚)
flyMove.expand = 0;
flyMove.flyY = 0;
flyMove.flyX = 0;
//渐进显示的定时器
var g_idFlyPopup = -1;
//显示弹出窗口的定时器
var TimeoutFlag=-1;
//显示弹出窗口的方法
function richDialog()
{
//在弹出窗口中写入文字和数据
oPopup.document.body.innerHTML = oDialog.innerHTML;
oPopupBody.style.fontSize = document.body.currentStyle.fontSize;
oPopupBody.style.backgroundColor='infobackground';
oPopupBody.style.cursor="pointer";
oPopupBody.style.color = "infotext";
oPopupBody.style.borderWidth='3px';
oPopupBody.style.borderStyle='window-inset';
oPopupBody.style.borderColor='activeborder';
//下面代码会立即显示弹出窗口
//oPopup.show(100, 50, 400, 300);
flyInit();
g_idFlyPopup = window.setInterval(flyMove,10);
}
function flyMove()
{
flyMove.expand += 2;
flyMove.flyY -= 2;
oPopup.show(flyMove.flyX-flyMove.expand, flyMove.flyY, flyMove.expand, flyMove.expand);
var oPopupBody = oPopup.document.body;
if (oPopupBody.clientWidth >= oPopupBody.scrollWidth && oPopupBody.clientHeight >= oPopupBody.scrollHeight)
{
//清除渐进显示的定时器
window.clearInterval(g_idFlyPopup);
g_idFlyPopup = -1;
//清除调用弹出窗口的定时器
window.clearTimeout(TimeoutFlag);
TimeoutFlag=-1;
//注册6秒后关闭弹出窗口的定时器
window.setTimeout( 'closePopup()', 60000 );
}
}
//关闭弹出窗口
function closePopup()
{
if( null != oPopup )
{
oPopup.hide();
}
}
//初始化弹出窗口的坐标,将其定位到最右下角
function flyInit()
{
flyMove.expand = 0;
flyMove.flyY = window.screen.height;
flyMove.flyX = window.screen.width;
}
//设定5秒后调用richDialog方法(用于显示弹出窗口)
TimeoutFlag=window.setTimeout( richDialog, 6000 );
</SCRIPT>
</HEAD>
<BODY>
你可以最小化这个窗口,系统会在6秒之后,自动弹出一个位于最顶层的弹出窗口!!!!
<DIV ID="oDialog" STYLE="display:none;">
<div id="myid" style="position:absolute; top:0; left:0; width:100%; height:100%; background:#cccccc; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px; font:normal 10pt tahoma; padding-left:18px "> <b>位于最顶层的弹出窗口</b><hr size="1" style="border:1px solid black;"><div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br>
很神奇吧!!!!!!!!!
<br>
<br>
<br>
</div>
<br>
<br>
<button tabindex="-1" onclick="parent.oPopup.hide();" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">关闭窗口</button>
</DIV>
</BODY>
</HTML>
拷贝所有代码,保存为PopupWindow.html,在IE中运行这个文件,就知道了!:)
所有的代码如下:
PopupWindow.html
<HTML>
<HEAD>
<TITLE>位于最顶层的弹出窗口</TITLE>
<SCRIPT LANGUAGE="JScript">
//建立一个弹出窗口
var oPopup = window.createPopup();
//得到这个弹出窗口的body
var oPopupBody = oPopup.document.body;
//开始显示的坐标(默认是最右下脚)
flyMove.expand = 0;
flyMove.flyY = 0;
flyMove.flyX = 0;
//渐进显示的定时器
var g_idFlyPopup = -1;
//显示弹出窗口的定时器
var TimeoutFlag=-1;
//显示弹出窗口的方法
function richDialog()
{
//在弹出窗口中写入文字和数据
oPopup.document.body.innerHTML = oDialog.innerHTML;
oPopupBody.style.fontSize = document.body.currentStyle.fontSize;
oPopupBody.style.backgroundColor='infobackground';
oPopupBody.style.cursor="pointer";
oPopupBody.style.color = "infotext";
oPopupBody.style.borderWidth='3px';
oPopupBody.style.borderStyle='window-inset';
oPopupBody.style.borderColor='activeborder';
//下面代码会立即显示弹出窗口
//oPopup.show(100, 50, 400, 300);
flyInit();
g_idFlyPopup = window.setInterval(flyMove,10);
}
function flyMove()
{
flyMove.expand += 2;
flyMove.flyY -= 2;
oPopup.show(flyMove.flyX-flyMove.expand, flyMove.flyY, flyMove.expand, flyMove.expand);
var oPopupBody = oPopup.document.body;
if (oPopupBody.clientWidth >= oPopupBody.scrollWidth && oPopupBody.clientHeight >= oPopupBody.scrollHeight)
{
//清除渐进显示的定时器
window.clearInterval(g_idFlyPopup);
g_idFlyPopup = -1;
//清除调用弹出窗口的定时器
window.clearTimeout(TimeoutFlag);
TimeoutFlag=-1;
//注册6秒后关闭弹出窗口的定时器
window.setTimeout( 'closePopup()', 60000 );
}
}
//关闭弹出窗口
function closePopup()
{
if( null != oPopup )
{
oPopup.hide();
}
}
//初始化弹出窗口的坐标,将其定位到最右下角
function flyInit()
{
flyMove.expand = 0;
flyMove.flyY = window.screen.height;
flyMove.flyX = window.screen.width;
}
//设定5秒后调用richDialog方法(用于显示弹出窗口)
TimeoutFlag=window.setTimeout( richDialog, 6000 );
</SCRIPT>
</HEAD>
<BODY>
你可以最小化这个窗口,系统会在6秒之后,自动弹出一个位于最顶层的弹出窗口!!!!
<DIV ID="oDialog" STYLE="display:none;">
<div id="myid" style="position:absolute; top:0; left:0; width:100%; height:100%; background:#cccccc; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px; font:normal 10pt tahoma; padding-left:18px "> <b>位于最顶层的弹出窗口</b><hr size="1" style="border:1px solid black;"><div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br>
很神奇吧!!!!!!!!!
<br>
<br>
<br>
</div>
<br>
<br>
<button tabindex="-1" onclick="parent.oPopup.hide();" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">关闭窗口</button>
</DIV>
</BODY>
</HTML>
相关文章推荐
- IE无法屏蔽的弹出页面的方法!Response.Redirect 打开新窗口的两种方法
- 屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法
- flash弹出窗口被ie屏蔽的解决方法
- 采用Window对象shim属性解决IE下flash位于弹出窗口之上遮住窗口问题——此方法对firefox暂未解决
- 一个通过asp.net弹出窗口不被IE阻止的方法
- 屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法
- iframe 在ie下面总是弹出新窗口解决方法
- XP系统的 搜索 功能失效;IE点击链接没反应,不会弹出窗口的解决方法
- IE假死-在地址栏输入URL地址弹出新窗口的解决方法
- 高版本IE中弹出窗口不显示IE地址栏的解决方法
- IE7下关闭窗口不弹出提示窗口方法
- 采用Window对象shim属性解决IE下flash位于弹出窗口之上遮住窗口问题——此方法对firefox暂未解决
- watir处理IE弹出窗口的方法(已更新)
- 实现弹出模态窗口摸管理的方法
- IE网页弹出窗口的常用参数整理可自行设定
- 关于jsp网页弹出窗口[很多种方法......]
- 一上blog IE就自动弹出广告的解决方法
- 可以返回值的弹出窗口:window.showModalDialog
- 改变子窗口、弹出窗口和顶层窗口的大小、位置和Z轴次序
- 在IE模态窗口中自由查看HTML源码的方法