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
参考资料：
http://d.hatena.ne.jp/bannyan/20090820/1250789189
http://blog.sakurachiro.com/2010/11/iframe-resize/
https://developer.mozilla.org/Ja/DOM/Window.postMessage