How do I close an IFRAME insde the IFRAME?

Posted on 2009-05-07
Medium Priority
Last Modified: 2012-05-06
How do I close an IFRAME insde the IFRAME?

I want the user to click OK inside the IFRAME to close the IFRAME.

How do I accomplish this?
Question by:pmsguy
  • 2
  • 2
  • 2

Expert Comment

ID: 24329898
Inside the iFrame, add a JavaScript function
function closeIframe() {
   var iframe = document.getElementById('someid');

And then add a button or link to close that iFrame:
<a href="javascript: closeIframe()">Close</a>

hope this helps.

Author Comment

ID: 24329978
OK, The problem is the calling program is NOT on the same domain as the IFRAME.

From my PC is call a program on www.someserver.com

I get an error "Permission denied to get property..." when I try to close the IFRAME from my program on my PC.

Expert Comment

ID: 24330394
Let me have a better understand of your setup:
- There is server1 that's hosting www.server1.com
- There is server2 that's hosting www.server2.com
- Server2 have an iFrame that's calling to display www.server1.com
- On your PC, you have a program or a local webpage? that's calling www.server2.com in an iFrame

Let me know if I have this right. If not, please explain the setup and we'll go from there.

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.


Author Comment

ID: 24330863
Yes that is correct
LVL 54

Accepted Solution

b0lsc0tt earned 2000 total points
ID: 24331873

It won't work.  The browser prevents it.  It is called cross site or cross domain scripting.  Javascript can't change content on another domain, server or different protocol.  If your code is on your domain and the iframe is in code on another domain then you can't do it.

Let me know if you have any questions or need more information.

LVL 54

Expert Comment

ID: 24337427
Thanks for the fun question, the grade and the points.

Featured Post

Industry Leaders: 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

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

850 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