IFRAME内のソースを別のIFRAMEにコピーする方法

解決済

質問者：nkjmysk
質問日時：2009/09/01 19:16
回答数：5件

ページ内に二つのIFRAMEがあります。
IFRAME-A
IFRAME-B
IFRAME-Aに表示されるページのHTMLを、IFRAM-Bにコピーする事は可能でしょうか?
srcのlocationをコピーするのではなく、HTMLを文字列としてコピーして、IFRAME-Bにも同じ内容を表示したく考えています。

使用するブラウザはIE6/7/8となります。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： cyokodog
回答日時：2009/09/08 19:45

jQueryを使うと簡単にできます。

（使わなくてもたいして難しくは無いかも）

iframe01a.html
<!DOCTYPE HTML>
<html>
<head>
<script src="jquery_1_2_6.js"></script><script>
jQuery(function($){
$('button').click(function(){
$('#ifm2').contents().find('body').html($('#ifm1').contents().find('body').html());
});
});
</script>
</head>
<body>
<iframe id="ifm1" src="iframe01b.html"></iframe>
<iframe id="ifm2"></iframe>
<button>COPY</button>
</body>
</html>

iframe01b.html
<!DOCTYPE HTML>
<html>
<body>
<p>iframeの中です</p>
<input value="iframeの中です"/><br/>
<textarea>iframeの中です</textarea>
</body>
</html>

ちなみにjQueryベースですが以下に iframe関係の処理をまとめてます。ご参考までに

iframe 関連処理まとめ - Cyokodog::Diary
http://d.hatena.ne.jp/cyokodog/20090616/iframe01

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
やりたいことができそうです。
JQueryって便利ですね。
自分でも調べて色々と使ってみたいと思います。

通報する

お礼日時：2009/09/09 16:22

No.4

回答者： yyr446
回答日時：2009/09/02 10:34

結果を表示する<iframe>のsrc属性は初期状態で、空白ページのURLにしておく、urlをGETで受け取り、オープンして中身をそのまま出力するPHP(cgi)を別途作成しておく。

各<iframe>の外に、ボタン等を配置してクリックしたら、結果を表示する<iframe>のsrc属性に作成したphpのurlに表示したいframeのurlをエンコードしてパラメータとして付加した値をセットする。
で、どうでしょうか？

- 0
- 件

通報する

No.3

回答者： yyr446
回答日時：2009/09/01 20:46

No.2のサンプルにはケアレスミスが多少あります。

すみません

- 0
- 件

通報する

No.2

回答者： yyr446
回答日時：2009/09/01 20:33

IFRAME-Aに表示されるページのHTMLを<div>に表示するなら

こうです（IE用）
<script type="text/javascript">

</script>
<body>
<iframe id="a" src="hoge.htm" onload="javascript:setpage();"></iframe>
<div id="b"></div>
</body>