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

  • このエントリーをはてなブックマークに追加
  • LINEで送る

こちらのページをそのまま参考にして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

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメント

  1. やまもと より:

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

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

  2. ルイヴィトン キーケース スーパーコピー より:

    日本超人気ブランドコピーブランド時計激安通販専門店
    2019年最高品質時計コピー、国際ブランド腕時計コピー、
    業界唯一無二.世界一流の高品質ブランドコピー時計。
    高品質のロレックス時計コピー、カルティエ時計コピー、IWC時計コピー、
    ブライトリング時計コピー、パネライ時計コピー激安販売中
    商品の数量は多い、品質はよい。
    海外直営店直接買い付け!
    製品はされています高品質と低価格で提供!歓迎新旧顧客お願いします!

コメントを残す


You can add images to your comment by clicking here.