みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

iframeのURLを取得してinputタグの中に表示させる方法

iframeのURLを取得して
inputタグの中に表示させたいのですが、どのようにしたら良いのでしょうか。
イメージとしては
iframeのURLを
value="" の中に代入するなどして、ブラウザ上でフォーム内情報(代入したURL)を確認できるイメージです。

ページが変わる毎にvalue値も変わって欲しいのですが。

location.href
か、
document.URL
あたりでできそうだと思うんですが、script初心者で中々表示するところまでプログラムが書けずつまづいております。
ご教示お願いします。

投稿日時 - 2009-11-30 14:13:53

QNo.5487401

困ってます

質問者が選んだベストアンサー

こんな感じで。
<p><input type="text" id="iframeUrl"></p>
<p><iframe src="~~~"
onload="document.getElementById('iframeUrl').value=this.contentWindow.document.location.href"
></iframe></p>

ただし、Javascriptのセキュティ上の制限でiframe内が外部(別ドメイン)のページの場合はエラーになります。

投稿日時 - 2009-11-30 15:16:43

お礼

意図したとおりに出来ました!
大変助かります。ありがとうございます。

投稿日時 - 2009-12-02 16:26:21

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問