Solved

open and close iframe with javascript

Posted on 2010-09-08
3
690 Views
Last Modified: 2012-05-10
Hello, I am opening and closing an Iframe using javascript. The script works fine, unless I close the iframe, then try to open it again. It does not open the 2nd time. How can I get it to open again without refreshing the page?

Thank you.
Parent Page:

<script type="text/javascript">
    function TermsConditions()

    {
        document.all.Terms_Conditions_iframe.src = "Terms_Conditions.aspx";
        document.all.Terms_Conditions_iframe.style.visibility = "visible";
    }
</script>

<asp:HyperLink ID="Terms" runat="server" navigateurl="javascript:TermsConditions();" Font-Size="Small">Terms &amp; Conditions</asp:HyperLink>

<iframe  id="Terms_Conditions_iframe"  frameborder="0"  vspace="0"  hspace="0"  marginwidth="0"  marginheight="0"
                  width="700px"  scrolling="yes"  height="400px"  style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; Z-INDEX: 999; LEFT: 20px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 20px; visibility:hidden;">
            </iframe>


Child Page:

<a href="javascript: window.parent.document.getElementById('Terms_Conditions_iframe').style.display='none'">Close Window</a>
 Terms and conditions

Open in new window

0
Comment
Question by:mlg101
  • 2
3 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 400 total points
ID: 33631904
Use :
.style.display='none'; // hide
and
.style.display='block'; // show

OR

.style.visibility='visible'; // hide
and
.style.visibility='hidden'; // show

not a mix because it's not the same thing : http://protocolsofmatrix.blogspot.com/2007/12/difference-between-visibility-display.html
0
 
LVL 3

Assisted Solution

by:Marbleman
Marbleman earned 100 total points
ID: 33632097
diplay="none" and display="block" ist probably what your are looking for, because visibilty="hidden" lets an element disappear but it still "comsumes" the space at it's location...
0
 
LVL 82

Expert Comment

by:leakim971
ID: 33632366
Thanks for the points!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Can't get javascript video player button to work 10 23
Echo'd values in dropdowns 6 27
Jquery if else not working ... WHY? 5 23
Read text on Table 7 25
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question