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>
解決策はありますか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- SEO WP内の検索で403エラーが出される問題について 1 2022/11/26 08:46
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JSでファイル数取得
-
javascriptでフォルダ内のファ...
-
ホームページ内の新着情報を簡...
-
InDesign javascript について
-
htmlのfileタグに自動で値を入...
-
csvファイルを読み込み、該当項...
-
テキストファイルの更新日時を取得
-
contenteditableで編集した内容...
-
JSPの処理の途中で、JavaScript...
-
初心者です。gulpでコンパイル...
-
ASP(VBS) ←→ JavaScript の変数...
-
VB.NET2003 テキストボックスに...
-
VBAによる第3、4水準文字の判定...
-
ローカルのレジストリを読みたい
-
C#でTextBoxに数値のみ入力可能...
-
javascript 文字列の最後から1...
-
resizeToメソッドが動作しません
-
Access VBAで、数字だけをチェ...
-
VC#でテキストボックスに変数の...
-
jQuery ui Datepicker 明日以降...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのfileタグに自動で値を入...
-
csvファイルを読み込み、該当項...
-
ページを一回だけリロードさせ...
-
テキストファイルの更新日時を取得
-
javascriptでエクセルデータ読...
-
JavascriptでのExcel起動について
-
javascriptでフォルダ内のファ...
-
外部ファイルからの値の取得
-
JSでファイル数取得
-
JAVAスクリプトで商品コードか...
-
contenteditableで編集した内容...
-
javascriptでJSONを取得する方法
-
jsファイルを閲覧者がダウンロ...
-
JavaScript(ライブラリ)のキ...
-
InDesign javascript について
-
ディレクトリにあるファイルの...
-
フォルダ内のファイル一覧
-
Win版IllustratorCS3でJavascri...
-
IEから、ローカルマシンのTEXT...
-
直下のディレクトリのファイル...
おすすめ情報