一つ大きなフレームを
<iframe name="disp" src = "" height=1000 width=1000 frameborder=0 scrolling=auto></iframe>
とおいて、同一ページ内から<a href="test.html" target=disp>
として、test.htmlが空白ページの<iframe>内に表示させるようにしたいのですがその都度、読み込むページの高さを自動取得して、heightとして自動的に適切な高さに変換するということはできいないでしょうか?
No.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の高さは変わりません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- SEO WP内の検索で403エラーが出される問題について 1 2022/11/26 08:46
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- PHP PHP echo バックスラッシュの使い方 img要素 2 2023/01/08 22:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
googleモバイルがiframeで表示...
-
ボタンが押されたらWebページの...
-
WEB上で編集できない、スク...
-
テキストボックス内にハイパー...
-
-css- ページオープン時やリロ...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
スクロールバーのスクロール量...
-
bodyタグの範囲について
-
h1にmarginを指定すると一瞬カ...
-
<p>で<td>のように枠を表示させ...
-
<a href="#" …>の意味を教えて...
-
SCRIPT5007: 未定義または NULL...
-
base64encodeでの文字化けについて
-
別ファイルのfunctionの読み込み方
-
リンク移動先のURLを取得
-
スマホ上で、左右スワイプで次...
-
HTML内に記載された画像のURLを...
-
Java ScriptでIPによるアクセス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
テキストボックス内にハイパー...
-
ボタンが押されたらWebページの...
-
横スクロールを右から左へ・・・
-
WEB上で編集できない、スク...
-
別ページのページ内リンクでの...
-
"mailtoでメールの【氏名】【性...
-
googleモバイルがiframeで表示...
-
bodyにwidth:100%をつける理由は?
-
複数のiframeの読み込みについて
-
インラインフレームの縦幅を、...
-
【HTML】フレームの中央寄せに...
-
WSHでのIE制御について
-
インラインフレーム内のスクロ...
-
「overflow: hidden」ペー ジ内...
-
ページによって表示位置がずれ...
-
DOCTYPEの指定より異なる動き
-
外部ページからハッシュタグ(...
おすすめ情報