掲示板/JavaScript質問板/過去ログ/一覧/ 高さが可変するフレーム枠（テーブル）を作りたいのですが

0 名前： ＠真琴 ： 2006/10/22（日） 05:02 ID:uHpm7wiM: テーブル内の一つのセルにiframeでページを表示させたいのですが、表示させるページに応じてフレームの高さが変わるような記述の仕方が分りません。

フレーム内にスクロールバーを出したく無いのです。表示させるページが高さ500pxならフレームの高さも500px、1000なら1000、という風に可変式にしたいのですがいまいち上手くいきません。どなたか知っていらっしゃる方がいるならご指導お願いします。

1 名前： ラブーフ ： 2006/10/22（日） 05:02 ID:mGMjLPPf

こんばんは。「ページの高さ」を取得する必要があるので、IFRAMEでのページ呼び込み
完了時で発動するようなやつなら以下のようなものでどうでしょう。

<iframe src="example.html" style="width: 80%; height:auto;"
 onload = 'this.style.height = parseInt(this.contentWindow.document.documentElement.scrollHeight + 30)+"px";'>
</iframe>

30px足しているのは、スクロールバーを表示させないためのマージンです。適当に。
IE7とFirefox1.5では動くようです。
DOCTYPEによっては、document.documentElement を document.body に変えないといけないかもしれません。
そのあたりはwebで検索されて下さい。

他にも色々アプローチはあるでしょうから、あくまで一例です。