How to clone actual iFrame contents, not just the iFrame tag contents?

Question

I have an iFrame and have worked out how to clone it using jQuery:

<HTML> <HEAD> <SCRIPT type="text/javascript" src="jquery.js"></SCRIPT> <SCRIPT> function clone_test() { $('#FRAME1').clone().appendTo('#divtag'); } </SCRIPT> </HEAD> <DIV id="divtag"> <iframe id="FRAME1" name="FRAME1" src="http://currencies.typeit.org/" width="360" height="360" frameborder="0"></iframe> </DIV> <a href="javascript:clone_test()" target="FRAME1">- CLONE THE iFRAME -</a> </HTML>

But this is not what I want! My problem is that anything typed in the currency box is not included in the cloning process. It seems only the HTML is cloned, not the actual contents of the iFrame. Is there anyway possible to clone the iFrame including anything typed in the currency box? This only has to work for the Chrome browser as I am making a Chrome extension.

Diodeus - James MacFarlane · Accepted Answer · 2012-01-04 20:03:42Z

2

If the Iframe from another domain, you cannot access its contents due to the Same Origin Policy.

answered Jan 4, 2012 at 20:03

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

boobiq · Accepted Answer · 2012-01-04 20:03:07Z

I don't think this is possible, your code just duplicates iframe element, which loads external page again, co it's in "default" state. But you cannot access content of iframe.

Andreas Köberle · Accepted Answer · 2012-01-04 20:04:33Z

This cant be done when the url of the iframe and the url of your domain are not the same.

If they are the same you need to clone the document element of the iframe as well and append it to the cloned iframe.

madi · Accepted Answer · 2013-08-14 08:57:12Z

There is a workaround for this though. Due to Same Origin Policy you need to use curl (if you are using php) to "fake" that the content is coming from the same domain. After which, you may be able to get the content of the iframe by using.

$("#frameid").contents().find("body *");

Collectives™ on Stack Overflow

How to clone actual iFrame contents, not just the iFrame tag contents?

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related