iframeピンポイント表示
- URL先の特定の部分をフレームの左上隅にピタット合わせて表示する方法は？
- URL先のページがフレームの左上に合ってしまい、スクローラーバーが縦横に出てしまう問題に対処する方法は？
- スクローラーバーを表示せずにURL先の特定の部分を表示する方法は？
- ベストアンサー
iframe ピンポイント表示
<body> <iframe width="235" height="100%" src="http://～"> </iframe> </body> （詳細略） このままだとＵＲＬ先のページがフレームの左と上に合ってしまい、 スクローラーバーが縦横に出ます。 これをＵＲＬ先の特定の部分が表示されるようにするためには、 どのようにすればよいでしょうか？ 例えば、ＵＲＬ先の上から 100px 左から 100px の部分を、 フレームの左上隅にピタット合わせて表示したいという感じです。 相手先に<a name=""></a>でもあればそこに合わせられますが、 当然私側からはできません。 スクローラーバーを出ないようにできれば、尚いいのですが・・。 よろしくお願いします。
- syuricyan
- お礼率65% (541/824)
- HTML
- 回答数1
- ありがとう数5
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんばんは。 たまたま、見ましたので、 ひとつの方法です。 以前iframe内で自動スクロール するのに使いました。 <iframe id="mymap" src="map.html" width="200px" height="200px"></iframe> <script language="javascript"> document.getElementById("mymap") .contentWindow.scrollBy(100,100); </script> Javascriptが必要ですが・・ もっと簡単な方法があるかもしれません。 scrollByは、表示位置を移動するものです。 scrollby(x,y)で x方向にx、y方向にy移動します。 スクロールバーを消すのは、 <iframe scrolling="no">で、 平気かもしれません。
関連するQ&A
- iframeについて・・・
幅260pxの枠内に、別ページAに記載した幅230pxのコンテンツを表示させたいのです。 ページAのコンテンツは縦長のリストなので、iframeには縦のスクロールバーのみ表示するようにしているのですが、どうも、読み込み先のページAが幅230pxよりも右側にちょうどスクロールバー1本分程度の余白ができてしまい、パッと見はわからないのですが、iフレーム内でカーソルをドラッグして右にずらすと、その余白がでてきてしまいます。 いったいこの余白は何が原因でできているのでしょうか。 また、消すことはできるのでしょうか？
- ベストアンサー
- HTML
- iframeから別ページへの表示
<li><a href="iexample_a.html" target="example1">上のフレームにサンプル1を表示</a></li> <li><a href="iexample_b.html" target="example1">上のフレームにサンプル2を表示</a></li> <p><iframe src="iexample_a.html" width="300" height="80" name="example1">代替内容</iframe></p> という形で、iframeを作って表示させたのですが、そのiframeの下にボタンか<a href="" "" target="_blank"で、そこをクリックすることで、その表示画面を別のページに表示させたいのですが、リストからiframe内に画像を表示させていて、<a href=" "の" "は空欄のままなので、うまく出来ません。 これはあきらめるしかないのでしょうか？ それとも、リストのURLをどこかホームページ内に表示させることが出来るのでしょうか？ リストによってつぎづぎに変わる画像を別ページで大きく表示させたいので、このような質問になりました。 初心者ですので、あまり難しいことは分かりませんが、教えていただける方、よろしくお願いいたします。
- 締切済み
- HTML
- Iframeとして呼び出すページを120ｐｘ以下を表示したい
Iframeを使いたいのですが、A.htmlの高さ120pixから下をIframeで指定したいときはどうしたらいいでしょうか。 <html> <head> <title>testtitle> </head> <body> <div width:100%; height:120px;> <table> <tr> <td><iframe src="A.htm" width="100%" height="100%" frameborder="0" scrolling="no" overflow:no></iframe><td> </tr> </table> </div> </body> </html> 呼び出すIframeの中身のページについて 高さを120pix以下を表示したいのですが。 よろしくおねがします。
- 締切済み
- JavaScript
- googleモバイルがiframeで表示できない
firefox3.6.20で以下のHTMLを表示した際、画面が真っ白になります。 <html><head></head> <body> <iframe id="myframe" src="http://www.google.co.jp/m"/> </body> </html> iframeの表示URLをhttp://www.google.co.jp/にした際は正しく表示されます。 googleモバイルだけ表示されないのはなぜでしょうか。
- ベストアンサー
- HTML
- iframeでフレーム内にシャドーを付けることは可能ですか？
iframeでフレーム内にシャドー（上部分のみ）を入れることは可能でしょうか？ http://www.typetester.org/ ↑このページにある、左上のフレームで、上のボーダー部分が薄くシャドーになっているのですが、これをiframeで可能かどうか教えていただきたいです。 また、どのようにするのかも教えてください。 よろしくお願いします！
- ベストアンサー
- HTML
- lightbox2をiframeから外に表示したい
lightbox2を iframe内で使っています。 iframe内のサムネイル画像をクリックした時、画面全体に表示できるようにしたいのですが、良く分かりません。 自分でも調べて「http://bontetsu.jp/?p=41」にそれらしい物を見付けたのですが、 iframe内のサムネイルは左のフレームによって変化するのでこちらの方法では無理だと思うのですが・・・。 ご存知の方いらっしゃいましたら宜しくお願い致します。
- ベストアンサー
- JavaScript
- iframeで、右側に余分な空白ができる
HMTLのiframeで、右側に余分な空白ができます。 padding-rightで余白を詰められると思ったのですが、詰まりません。 詰める方法はないでしょうか？ ■呼び出し元 <html> <body> <iframe src="./frame.html" width="310" style="padding-right:0px;"> </iframe> </html> ■呼び出される側 <html> あああああああああああああああああああああ<br> あああああああああああああああああああああ<br> </html>
- ベストアンサー
- HTML
- iframe内からのリンク
少々複雑ですいませんがお願いします。 ・index.htmlにname="contents"でiframeを設置 ・iframe内に先頭に戻るリンクを最下部に設置したい（ここでいう先頭はページ全体のトップ） ・上記リンクを押した際にiframe内は現時点のページのまま index.html ------------- <body> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> <a name="top"></top> ページの内容 + + + このままだとフレーム内ページの先頭に飛ぶのは周知なので。 条件として、 ・CSSは使用可能。 ・javascriptは使えるが、使わないですむならその方が良い。 ・環境上jQueryは不可。 ・flash他は考えない。 カテゴリが異なるのかもしれませんが；よろしくお願いします。
- ベストアンサー
- HTML
- iframeごとに戻るボタンを
１ページ内に２つの iframe があります。 <a href="http:ok～～" target="aaa">Ａ</a> <iframe name="aaa"></frame> <a href="http:goo～～" target="bbb">Ｂ</a> <iframe name="bbb"></frame> （詳細略） Ａを開いて２～３度フレーム内移動して、Ｂを開いて２～３度フレーム内移動します。 ここでブラウザの戻るボタンを押すと、この順番の逆をたどります。 つまりＢの戻りを経ないとＡの戻りができません。 Ａでの移動の戻りを直接やりたいのですが、 フレームごとに戻らせるようにするためには、どういう構文になるのでしょうか？ 一応それぞれに、 <a Href="javascript:history.go(-1)" target="aaa">戻る</a> <a Href="javascript:history.go(-1)" target="bbb">戻る</a> とやってはみましたが、実行するとエラーになってしまうようです。 よろしくご回答の程お願いいたします。
- ベストアンサー
- HTML
- IFRAME内に表示させるには？
<TD bgcolor="#eef7ff" onmouseover="bgColor = '#ACACFF';" onmouseout="bgColor = '#EEF7FF';">リンク</TD> これは、テーブルの中の一部なんですが、 画像を使ってのリンクではなく、文字を使っている上に、 <TD>部分にもリンクを貼りたい場合の記述が全くわかりません。targetは、IFRAME内です。 今まで画像を使ってのIFRAME内へのリンクはやっていたのですが、 今回は、<TD>でのリンクなのでお手上げ状態です。 onclickでURLを指定できたのですが、クリックするとIFRAME内ではなく 新しいウインドウで開いてしまいます。 その上、いろいろと試しすぎたので、どうやったかも忘れてしまいました。 ご教授お願いいたします。
- ベストアンサー
- HTML
お礼
参考になりました。ご回答ありがとうございました。