(精)在ASP.NET中使用IFRAME+DIV,可以实现在同一页面使用弹出(模态)窗口

本文介绍了如何在ASP.NET WebForm应用中利用IFRAME和DIV创建弹出模态窗口,解决了传统JavaScript方法在回传值和页面交互上的不便。通过IFRAME的特性,可以隐藏原页面内容并整合控件,而通过改变DIV的状态完成窗口的打开和关闭。
摘要由CSDN通过智能技术生成

      我们经常要在程序的人机交互中用到弹出(模态)窗口,但在B/S开发中,这一点就非常不容易了, 虽然我们可以用window.showModalDialog,或者 window.open 这类型的脚本函数实现,但是,非常不好用,一方面涉及回传值,另一方面不能够很好的实现父页面与子页面的交互,一般只能通过在脚本中实现<base target="_self">,方可交互,而且使用这种方式,会产生多个页面,对用户操作不友好.
     基于上述情况, 我尝试在初始页面中嵌入一个IFRAME+DIV的方式,来显示可能会用到的弹出(模态)窗口, 另外特别注意,将IFRAME+DIV设置到能覆盖整个页面项,为了弹出(模态)窗口隐藏原页面内容.还有,当需要关闭弹出(模态)窗口
时,只需要将DIV状态改变,即可.
   选择IFRAME+DIV的方式,主要是:
   1.DIV不能隐藏原页面的控件内容,而IFRAME可以。
   2.IFRAME可以整合控件,而DIV做的不好。

详细部分请参考代码:
WebForm1.aspx 前台页面:

<% @ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication2.WebForm1"  %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  >
< HTML >
    
< HEAD >
        
< title > WebForm1 </ title >
        
< meta  name ="GENERATOR"  Content ="Microsoft Visual Studio .NET 7.1" >
        
< meta  name ="CODE_LANGUAGE"  Content ="C#" >
        
< meta  name ="vs_defaultClientScript"  content ="JavaScript" >
        
< meta  name ="vs_targetSchema"  content ="http://schemas.microsoft.com/intellisense/ie5" >
        
< script  language ="javascript" >
            
function ShowLayer()
            
{
                document.all.MyFormLayer.style.display
='';
                
return false;
            }

            
function SetURL(url)
            
{
                document.all.IFRAME1.src
=url;
            }

        
</ script >
    
</ HEAD >
    
< body  MS_POSITIONING ="GridLayout" >
        
< form  id ="Form1"  method ="post"  runat ="server" >
            
< FONT  face ="宋体" >
                
< asp:TextBox  id ="TextBox2"  style ="Z-INDEX: 101; LEFT: 64px; POSITION: absolute; TOP: 136px"  runat ="server" ></ asp:TextBox >
                
< asp:Button  id ="Button4"  style ="Z-INDEX: 107; LEFT: 224px; POSITION: absolute; TOP: 168px"  runat ="server"
                    Text
="选择3" ></ asp:Button >
                
< asp:TextBox  id ="TextBox3"  style ="Z-INDEX: 106; LEFT: 64px; POSITION: absolute; TOP: 168px"  runat ="server" ></ asp:TextBox >
                
< asp:Button  id ="Button2"  style ="Z-INDEX: 103; LEFT: 224px; POSITION: absolute; TOP: 136px"  runat ="server"
                    Text
="选择2" ></ asp:Button >
                
< asp:Button  id ="Button3"  style
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值