Solved

open and close iframe with javascript

Posted on 2010-09-08
3
687 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

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

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

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-…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
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…

810 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