- ベストアンサー
<iframe>で読み込むページの高さを自動取得して、heigthに代入
一つ大きなフレームを <iframe name="disp" src = "" height=1000 width=1000 frameborder=0 scrolling=auto></iframe> とおいて、同一ページ内から<a href="test.html" target=disp> として、test.htmlが空白ページの<iframe>内に表示させるようにしたいのですがその都度、読み込むページの高さを自動取得して、heightとして自動的に適切な高さに変換するということはできいないでしょうか？
- negishi_ja
- お礼率25% (1/4)
- HTML
- 回答数1
- ありがとう数4
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こういう場合にはJavaScriptを使うのが一番です。 まず、メモ帳に以下のものをコピー＆ペーストしてください。 function iframeResize(){ var PageHight = document.body.scrollHeight + 30; // ページの高さを取得 window.parent.document.getElementById('disp').style.height = PageHight + 'px'; // iframeの高さを変更 } window.onload = iframeResize; そして、ファイル名は「～.js」となるように保存しておきます。 そのあとに、iframeで表示させたいHTMLファイルの<head>～</head>に <script src="～.js" type="text/javascript"></script> を追加してください。 「～.js」は先ほど保存したファイル名になります。 そして、<iframe>タグも以下のように変えておきます。 <iframe name="disp" id="disp" src="" height="1000" width="1000" frameborder="0" scrolling="auto"></iframe> こちらでも試してみましたが、動作しました。 ただ、JavaScriptがOFFの人はiframeの高さは変わりません。
お礼
詳しい回答ありがとうございます 成功しました。ホントありがとうございました＾＾