こちらのページをそのまま参考にしてhttp://ja.w3support.net/index.php?db=so&id=153152
iframeで別ドメインにあるページを開いた時に、自動的にheightを調整する方法を試してみた。
(※ 別ドメインにあるファイルにjsを追加する必要あり)

別ドメインのhtmlに手を加えずに出来たら、確実に嬉ションしちゃうけど難しいみたいすなぁ。

構成

www.foo.com/home.html, which iframes
 └> www.bar.net/framed.html, which iframes
            └> www.foo.com/helper.html

記述例

www.foo.com/home.html

www.bar.net/framed.html

www.foo.com/helper.html

追記

結局iframe先のページに書き込むの事に代わりがないのなら
window.postMessage() を使って、クロスドメインの iframe の高さを設定する検証 – 写経日記の方がシンプルで素敵だ。

でもwindow.postMessage()というのを使っているので
以下のように(見よう見まねで)window.attachEventを追加してもIE7以下は広がらなかったです。

構成

www.foo.com/parent.html
 └> www.bar.net/iframe.html

parent.html

www.bar.net/iframe.html


2 thoughts on “メモ / iframe 高さ取得変更 クロスドメイン

  1. IE8でiframeの高さ自動調整が上手く行かずに、こちらのサイトに漂流してきました!!

    助かりました!ありがとうございます!!!

コメントを残す

メールアドレスが公開されることはありません。

You can add images to your comment by clicking here.