• 締切済み

インラインフレーム内のページの高さを取得するには

<iframe src="page.html"></frame> で、「page.html」のページの高さを取得するにはどうすればいいのでしょうか? よろしくお願いします。

みんなの回答

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

>page.htmlのページの高さを取得して、インラインフレームの高さをそれにあわせるような感じです。 なるほど、 普通に高さを取得しようとすると、現在画面上に表示されている部分に なってしまいます(つまりIFRAMEの高さ) なので、 他にもっと良い方法があるかも知れませんが、1つの方法として トップ位置からの要素の位置を求めると便宜上のページのサイズ(高さ)を求めることができると思います。 それには、page.htmlの最後の部分に <span id="footer"></span> のようなダミーを置いて下さい。 <IFRAME src="page.html" name="iframe1"></IFRAME> とすると、 frames['iframe1'].self.document.getElementById('footer').offsetTop で、IFRAME上のトップから最後の要素の位置までのサイズが得られます。 ただ、ブラウザによって少々異なりますので注意が必要です。 もちろん、IFRAMEの横幅によっても変わる可能性があります。

is_may
質問者

お礼

ありがとうございましたm(_ _)m

全文を見る
すると、全ての回答が全文表示されます。
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

<iframe src="page.html" height="800px" width="600px"></frame> とかすれば、高さと幅が決められますが、そういうことではないですか

is_may
質問者

補足

すみません、説明不足でした page.htmlのページの高さを取得して、インラインフレームの高さをそれにあわせるような感じです。 よろしくお願いします。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • インラインフレームのページ内リンク

    似たような質問が多々ありましたが、どれも解決に至る内容ではなかったので質問させて頂きました。 【環境】 親ページをindex.html、iframeで表示するページをpage.htmlとします。 page.htmlは縦長で、heightを調整してスクロールバーが出ない状態になっています。 【望む動作】 page.htmlにあるリンクをクリックすると、page.html内の特定の場所にジャンプ 但し、index.htmlとpage.htmlの位置関係(表示状態)はそのままで、フレームを使わないときの普通のページ内ジャンプと同じような動作をする 【現時点の問題点】 targetを変えても、iframe内に親ページごと表示される(合わせ鏡の世界のようになる)か、フレームが解除されてpage.htmlだけが表示されるのどちらかになってしまう(http://からのフルパスでも同じ) 提供されたスペースの為、index.htmlのheadはいじれない 現状はこのようになっていますが、レイアウトを崩さずページ内でジャンプさせることは可能でしょうか。 色々試してみたいので、「index.htmlのheadはいじれない」の縛りがある場合とない場合でご回答頂けましたら幸いです(Javascriptでも構いません)。 宜しくお願いします。

  • インラインフレームで表示されるページのタイトルを取得したい。

    よろしくお願いします。 インラインフレームを利用したWebページを作成しています。 FLASHでボタンつくったボタンをクリックすると、 インラインフレームの中の表示が切り替わるようになっています。 そこで、どうしてもそのインラインフレームに表示される ページのタイトルとファイル名を取得したいのですが、 何かよい方法はないでしょうか? <div id="contents"> <iframe src="sample.html" name="frame" width="800" height="600" frameborder="0"> インラインフレーム機能を使用しています。インラインフレーム対応のブラウザで試してください(*´∀`) </iframe> </div> リンク先は、FLASHのボタンにつくっています。 インラインフレームの表示内容がが切り替わった時に、 sample.html ⇒ hoge.html hoge.htmlのタイトル名とファイル名を親フレームから 呼びだしたいと思っています。 よろしくお願いします。

  • <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として自動的に適切な高さに変換するということはできいないでしょうか?

    • ベストアンサー
    • HTML
  • インラインフレームを観覧できるのに…

    カテゴリ違いだったらすいません。 僕は今HPを作成中で、更新履歴にインラインフレームを使おうと思っているのですが、他のページでインラインフレームを観覧できるのに自分で打ち込んだフレームには、「ページが表示できません」と表示されてしまいます。(フレームの形にはなっている)下にフレームのソースを書くので、悪いところがあったら教えて下さい。 <Iframe Src="update flame.html" Width="200" Height="80" Marginwidth="0" Marginheight="0"> 文章 </Iframe> ちなみにページはメモ帳で作っていて、契約しているのはCNCです。 宜しくお願いします。

  • インラインフレームの高さ

    IFRAMEの高さをIFRAME内のページに合わせて引き伸ばしたいのですが、そういうことが出来るのでしょうか。 <iframe src="URL" scrolling="no" frameborder="0" width="900" height="???"> 宜しくお願いします。

  • Java Scriptを使うのでしょうか?

    page1.htmlに <IFRAME SRC="page2.html" MARGINHEIGHT="10px" width="450px"></IFRAME> というフレームを設けました。 page2.htmlに書かれたリンク先、例えば<A HREF="page1.html#2004summer">2004年夏</A>をクリックするとpage1がリンク先に切り替わるようにしたいのですが、どうすればできますか? page1のフレーム内にpage1のリンク先が表示される状態になってしまいます。

  • インラインフレーム

    初めまして。 Dreamweaver2004 とFlashmxを使ってホームページを作っている者です。 別にフレーム分割をせずに、画面左側にフラッシュで作成したメニューバーを配置して アクションでon (release) { getURL("xxxxx.html","_iframe"); } として、Dreamweaver2004サイドでトップページを作り、別のhtmlを最初からリンクさせて以下の様にくみました。 iframe src="top_doc.html" name="iframe" height="430" width="620" scrolling="auto"></iframe></td> </tr> としてあるのですが、name=iframeの指定場所に上記のフラッシュで指定したxxxxx.html",がどうしても開かず、別の画面で開いてしまいます。 どなたかお助け下さい。

  • インラインフレームでのクッキーについて

    インラインフレームをサイトで使用しているのですが、 インラインフレームって、更新を押すと、最初に指定したページ  <iframe src=a.html></iframe> だと a.html に戻ってしまうじゃないですか。 それをクッキーを使用して、更新を押しても現在見ているページを表示したいのですが。(クッキーでできるのかな?) できますでしょうか?教えてください。 また、別の方法でも、上記が可能ならば、教えてください。お願いします。 iframe名を、fffff  IDを、fffffid iframeをおくページを、index.html iframeで最初に表示されるページを、a.html リンクでiframe内に表示されるページを、b.html としておきます。

  • インラインフレームについて

    不動産サイトを運営しています。現在CGIをインラインフレームで呼び出して新着物件やお勧め物件を表示しております。しかし、トップページのソースに表示されていないために、物件を入れ替えても更新にはなっておりません。ソースとして表示するにはどうしたらよいのでしょうか? 下記に今のソースを記載しておきます。 あまり詳しくないものですから、具体的にお願い致します。 <div class="contents_midashi"><h4>新着不動産情報</h4></div> <div id="topic"><iframe name="news" src="cgi-bin/news_g.cgi" frameborder="0" scrolling="auto" width="723" height="310"></iframe></div> <div class="contents_midashi"><h4>特選不動産物件情報</h4></div> <div class="toku"><iframe name="baitoku" src="cgi-bin/toku/b_toku_y.cgi?hyoji_page=1" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>

    • 締切済み
    • CGI
  • インラインフレームに画像を使うと枠がでる><

    HPについての質問です>< HTMLタグを使用して作成してるんですが・・・ インラインフレームでつくりたいんです。 http://www.htmq.com/html/iframe.shtml ↑これのかんじで おしたらURLがフレームにでるかんじでつくりたいんですが・・・ ここのはボタンが字なんですが・・・私は画像でつくりたいんです>< 画像だけでなくさらにロールオーバー(http://masaboo.cside.com/new_source/sr_15.html) でつくろうと思って頑張ってやったんですが・・・。 <a href="※※.html" target="sample"><img src="※※.gif" onmouseover="this.src='※※.gif'" onmouseout="this.src='※※.gif'"></a><br> こんな感じであと下にフレームをつけて <IFRAME src="※※.html" width="600" height="400" scrolling="NO" frameborder="0" style="border:1px dotted #000000;"></IFRAME> こんな感じでつくったら、なぜか画像(ボタン)に枠がついてしまって>< どうやったら消せますか!? 教えて下さい、お願いします>< (※画像はこうなってしまったってかんじなんですが・・・※)