如何使用内容页面中的按钮隐藏iframe?

时间:2010-03-03 05:34:21

标签: asp.net

Hai,

我正在使用iframe在我的网站上显示一个页面。我想使用内容页面中的关闭按钮(框架中显示的页面)隐藏该框架

怎么做?使用jQuery See this image

3 个答案:

答案 0 :(得分:0)

您可以使用客户端脚本使iframe不可见。让我们考虑IFrame位于div <div id="iFrameContainer"><iframe></iframe></div>内。在这种情况下,您可以点击按钮触发javascript并设置document.getElementById("iFrameContainer").visible=false;这样的内容。这应该适合您。

答案 1 :(得分:0)

在你的div标签中有你的iframe。然后执行以下语句,分别在按钮获取onclick事件时隐藏或显示。

 
document.getElementById('iframeid').style.display='none'; // hiding
document.getElementById('ifrmaeid').style.display='block'; // displaying 

答案 2 :(得分:0)

由于iframe是html控件,因此在服务器上运行时会出错。 要使iframe在特定条件下隐藏或显示...,我们可以使用Apply简单技巧..采取div元素,该元素将包裹iframe元素。例如

<div id="vidPreview" runat="server" visible="false">                       
    <iframe src="demo.aspx" width="400" height="200" frameborder="0" style= "background-color:Black;"></iframe>
</div> 

当您想使其可见时,只需使该div的可见性property = true

上面的

例如,只要我想显示iframe,就制作vidPreview=true