Iframe and javascript issue where i am not able to close an iframe without refresh.

Question

0.00/5 (No votes)

See more:

Hi, I am using an iframe in a page where the iframe looks like a div on the main asp.net page. In the Iframe page i have got a close button and when i click on close button i am calling a javascript function in iframe page which is having the code as:

window.location.href="/KB/answers/Pagename.aspx";

this line closes the Iframe but the main page which contains Iframe refreshes after closing the iframe so.... I tried in many ways to close the iframe without refres like

window.close();

but it is not working. The main problem to close the iframe is that the close btn is in the iframe page it self so if i write the code to close iframe in iframe page that does not work.....

So, can u please help me solve this issue .. that is closing of iframe without refreshing main page that contains iframe. Thanking you in advance!!

Posted 17-Oct-12 4:15am

Shruthi.BT

Add a Solution

Comments

ZurdoDev 17-Oct-12 10:30am

What do you mean by closing the iframe. The iframe is a window in the window so if you did actually close it what would be left in its place?

TheCoolCoder 18-Oct-12 0:27am

window.location.href = "Pagename.aspx"; where do u call this script?? inside iframe window or on the main page?? anyways this wont close your iframe, it will only load the current browser window with 'Pagename.aspx', also if your requirement is to cause the iframe to disappear on a button click, just hide it and if you dont want any server side functioning for your close button, try replacing your close button with a html button <input id="btnClose" type="button" value="button" /> so that it wont postback by default.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sebastiaan Meijerink · Answer 1 · 2012-11-06T01:51:00

You'll need to destroy the iframe component. An I frame is not a window. So window.close won't do anything. You can however call a function in the top level window. As long as the content of you iframe is in the same domain.

So instead of window.close() you do window.parent.closeIframe();

The in the parent window you'll need a function closeIframe();

JavaScript

function closeIframe() {
   var ifram=document.getElementById("iframe-id");
   iframe.parent.removeChild(iframe);
}

Something like that.