Solved

open and close iframe with javascript

Posted on 2010-09-08
3
693 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Instantly Create Instructional Tutorials

Contextual Guidance at the moment of need helps your employees adopt to new software or processes instantly. Boost knowledge retention and employee engagement step-by-step with one easy solution.

Question has a verified solution.

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

In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
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…
Suggested Courses

628 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