Register  |  Login




Advertisement

Start Your Own Q&A Site

Create your own Q&A site easily, allowing you to quickly grow a new community around any subject matter or generate new organic traffic for your existing website.

Question

Status: Closed Points: 25 Time: 17:49 - Jul 12, 2006  

jgivoni

How to clear the content of an IFRAME

How do I clear the content of my IFRAME element, using javascript, without loading a blank page into it?

I can figure out to do this: iframe_element.src = "blank.html", but there must be a better, instant, method.

Thanks,
Jakob

Answer Discussion
Tutorials

 

rcastagna

Date:: Jul 12, 2006

Time:: 18:53

Jakob...

You could always set the style display: none to it...it wouldn't actually "clear" the iframe, but it would hide it from view.

document.getElementById(iframe).style.display = none; should do the trick...

Past that, loading the iframe with a blank document would be about the only way to "clear" it out.

Ric

theDude

Date:: Aug 25, 2006

Time:: 02:21

Jakob, did you find a solution to this?
Here's another possibility:
If "windowRef" is a reference to the window object of the frame you want
to close, then
windowRef.document.open();
windowRef.document.close();
should do it.

jgivoni

Date:: Sep 03, 2006

Time:: 14:59

Ok, theDude,

so if I have

<iframe id="iframetest" src="example.html"></iframe>

and
<script language="javascript">
x = document.getElementById("iframetest");
[...]
</script>

how do I get the reference to the window object of that iframe in order to clear it with the "open/close" sequence?

jgivoni

Date:: Sep 06, 2006

Time:: 14:11

I have actually found the answer myself in the mean time.

First, give the iframe a name attribute instead of the id:

<iframe name="iframetest" src="example.html"></iframe>

Then access it in javascript like this:

x = window.frames["iframetest"];
(Or in IE just like this: x = iframetest)

Then you can do like theDude suggests:

x.document.open();
x.document.close();

But this more simple method also works:

x.document.body.innerHTML = "";

These solutions have been tested in Firefox 1.5 and Internet Explorer 6.

Question Answered

This question has been closed, and points have been rewarded to the following experts:


rcastagna: 5
theDude: 10
jgivoni: 10

You're welcome however to comment or give additional information or if you wish, you have the ability to write a Tutorial in the Tutorial Area.

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

No tutorials have been submitted yet. Want to be the first?

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

Ask a Question

Have a new question? Ask!

You have 100 characters to use



Top Experts

View More

Rank

Expert

Points

1.

nidhi

10279

2.

oracleofDelphi

6493

3.

rcastagna

5596

4.

LAGM

4848

5.

PeterNZ

3487

6.

gonzalo

2840

7.

Mason

2770

8.

jgivoni

2303

9.

xarcus

1820

10.

Anpanman

917

Become an Expert

Register today to share your knowledge with the community and be recognized and rewarded for your contributions.


Register Here




"Psst, Quomon is a great site. Pass it on."     Tell a Friend  |   Link To Us  |   Save to Delicious  |   Digg! Digg it



Language Options

English:

www.quomon.com

Español:

www.quomon.es