禁用父窗口

分享于 

2分钟阅读

Web开发

  繁體

介绍

本文讨论如何在打开通知或者确认对话框时给父窗口提供一个禁用的效果。

使用代码

为了保持简单,在 DisabledEffect 项目中我使用了简单的HTML和JavaScript来改变 div的风格。 这个演示HTML清楚地展示了 div 风格的变化能给用户带来更好的感觉。

给定的屏幕快照显示了禁用模式下的父窗口。

screenshot.gif

完整的源代码是 below。 同样的代码也包含在 *.zip 文件中。

<html><head><title>Disabled Effect</title><scriptlanguage="javascript">function DisabledEffect()
{
 document.getElementById ('MainDiv').style.display='';
 document.getElementById ('MainDiv').style.visibility='visible';
 document.getElementById ('MainDiv').style.position='absolute';
 document.getElementById ('MainDiv').style.top='0px';
 document.getElementById ('MainDiv').style.left='0px';
 document.getElementById ('MainDiv').style.width= '100%';
 document.getElementById ('MainDiv').style.height= '100%';
 document.getElementById('MainDiv').style.backgroundColor = "Gray";
 document.getElementById('MainDiv').style.filter = "alpha(opacity=60)";
 document.getElementById('MainDiv').style.opacity = "0.6";
 alert("Parent window in disabled effect!!!");
 document.getElementById ('MainDiv').style.display='none';
 document.getElementById ('MainDiv').style.visibility='hidden';
 document.getElementById ('MainDiv').style.top='0px';
 document.getElementById ('MainDiv').style.left='0px';
 document.getElementById ('MainDiv').style.width= '0px';
 document.getElementById ('MainDiv').style.height= '0px';
}</script></head><body><formid="frmMain"runat="server"><divid="MainDiv"></div>This is just some text <br/><br/>Test Textbox : <inputtype=text /><br/><br/><br/><inputtype=button value="Click Me"onclick="DisabledEffect()"/></form></body></html>

历史记录

  • 24th 2009年04月: 初始帖子

Window  PAR  Parent