2012-01-04 12 views
0

私はiFrameを持っているとjQueryを使ってクローンを作成する方法を働いている:iFrameタグの内容だけでなく、実際のiFrameの内容を複製するにはどうすればいいですか?

<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> 

しかし、これは私が欲しいものではありません!私の問題は、通貨ボックスに入力されたものはクローン作成プロセスには含まれないということです。 iFrameの実際の内容ではなく、HTMLのみが複製されているようです。通貨ボックスに入力されたものを含め、iFrameを複製することは可能ですか? Chromeの拡張機能を作成しているので、これはChromeブラウザでのみ機能する必要があります。

+0

クロスドメインポリシールール! –

答えて

2

別のドメインのIframeは、同じ原産地規則のためにそのコンテンツにアクセスできません。

1

私はこれが可能ではないと思います。あなたのコードはiframe要素を複製しています。これは外部ページを再度読み込みます。coは "default"状態です。しかし、iframeのコンテンツにアクセスすることはできません。

1

iframeのURLとドメインのURLが同じでない場合は、この操作はできません。

同じ場合は、iframeのドキュメント要素も複製して、コピーしたiframeに追加する必要があります。

0

これには回避策があります。同じOriginポリシーのために、同じドメインからのコンテンツであることを「偽」するためにcurl(PHPを使用している場合)を使用する必要があります。その後、を使用してiframeのコンテンツを取得することができます。

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

関連する問題