プロが教える店舗＆オフィスのセキュリティ対策術

JavaScriptでiframeの高さを自動調節する方法を試しているがうまくいかない

解決済

  • 質問者：cptskgj
  • 質問日時：
  • 回答数：1件

JavaScriptでiframeの高さを自動調節する方法を
下記サイトを参考に試しているのですが、
読み込み先ファイルをphpファイルにするとうまくいきません。

http://www.revulo.com/blog/20070616.html

《参考サイトより example.html》
<head>
......
<script type="text/javascript">
function resizeIframe() {
var iframe = parent.document.getElementById("recent_iframe");
var height = document.documentElement.scrollHeight;
iframe.style.height = height + 10 + "px";
}
</script>
</head>
<body onload="resizeIframe()">
......

上記のようなソースを子HTMLファイルに書いて、親HTMLファイルから

<iframe id="recent_iframe" src="example.html">
</iframe>

というように読み込むと問題なく子ファイルの大きさに
iframeの高さが自動調節されて表示されるのですが、
参考サイトのソースをphpファイルに記載して、
iframeからフルパスで読み込もうとするとうまく高さが調節されません。

<iframe id="recent_iframe" src="フルパス/exsample.php">
</iframe>

解決策はありますか？

通報する

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

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： askaaska
  • 回答日時：

あなたがやりたいことって


iframe.style.height = height + iframe.height + "px";
こういうことではないの？
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答いただきありがとうございました。
質問に掲載した参考ソースのまま、再度書き直してみたら動きました。
お騒がせしました。

通報する
お礼日時：2009/03/30 16:19

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報