- ベストアンサー
iframe内の特定の場所にジャンプする方法
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
（もしかしたら私の解釈が間違っているのかもしれませんが…） 親となるファイルがsample1.html、iframeの中に表示するファイルがsample2.htmlとすると、 sample1.htmlの中身 <iframe src="sample2.html" name="window" width="300" height="200"></iframe> <a href="sample2.html#idou" target="window">移動</a> sample2.htmlの中身 <a name="idou">移動させたい場所</a> とすれば、iframe内に移動させたい場所が表示されると思います。
関連するQ&A
- iframeからのリンクでスクロールさせるには
scrollsmoothly.jsを使用させもらっています。 iframe内にtarget="_top"でリンクを設置。 ※リンク先はiframeを表示しているページ内へのアンカーリンクです。 iframeでscrollsmoothly.jsを読み込んでもスムーズスクロールされません。 iframeが表示されているページに読み込んでも同じです。 target="_top"を外せばフレーム内でスクロールするのですが、 フレーム内でリンクさせたいわけではないので、どうしてもこれを外せません。 iframe内からのアンカーリンクでスムーズスクロールするにはどのようにすればよいでしょうか。 よろしくお願いします。
- 締切済み
- JavaScript
- リンクをiframeまでジャンプしてHPを表示
ページ上部に外部リンクがいくつかってあって ページの下部にiframe ページ上部の外部リンクをクリックすると ページ下部のiframeにウェブサイトが表示されて ページ下部のiframeまでジャンプする用にしたいですが 何か方法はありますか！？ ――――――――――――――――――――――― ｜ ｜ ・Ｇmail ｜ ・Yahooメール ｜ ・Twitter ｜ ・Facebook ｜ ・ ｜ ・ ｜ ・ ｜ ・ ｜ ・ ｜ ・ ｜ ・ ～～～～～～～～～～//～～～～～～～～～ ｜ ・ ｜ ・ ｜ ・ ｜ ・ ｜ ――――――――――――――――――――― ｜ ｜ (iframe) ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ｜ ――――――――――――――――――――― ｜ ――――――――――――――――――――――
- 締切済み
- JavaScript
- IFRAMEページ表示について
html超初心者で相当ハマッテいます・・・。 _menu__main______ | | |←のようなページをIFRAME | | | を使って作成し、左にmenu/ | | | 右にそのリンク先を表示 | | | させようとしています。 | | | menuボタンをクリックした | | | ときにスクロールバーが -------------- 下りていると、次に表示されたページも同じスクロール位置で表示されてしまいます。 menuボタンをクリックしたとき、ページのトップにリンク先のページも表示させるにはどうしたらいいのでしょうか？ ちなみに <a href="***.html#TOP" target="main">～</a>としてみるとスクロールが一応は上がったのですが、微妙におかしくて・・・。 どなたかご教授いただけませんか？
- ベストアンサー
- HTML
- iframeから別ページのiframeへのリンク
iframeに関する質問です。 iframe内リンク から別ページの iframe 内のアンカーへの移動は可能でしょうか？ ======ページ構成は以下の通りです。====== A_01.html (親ページ) A_02.html (A_01のiframe (子) ページ) B_01.html (親ページ) B_02.html (B_01のiframe (子) ページ) ====================================== ======希望動作====== A_01.html 内に設置してある、iframe A_02.html のリンクをクリックし、 別ページでB_01.html 内に設置してある iframe Ｂ_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。
- 締切済み
- HTML
- <iframe 内のスクロール
<iframe タグを使って、JavaScript でスクロールをさせたいの ですが、 <iframe width=150 height=200 src="test.htm"></iframe> 上記これだとスクロールしてくれるのですが、 <iframe width=150 height=200 src="http;//google.co.jp"></iframe> これだとスクロールしてくれません。 JavaScript は scroll(); を使ってます。 これは自前ページだけで、既存サイトのスクロールは無理なのでしょうか。 (http: だとアンカーになって見にくいので http; にしてます)
- 締切済み
- JavaScript
- JavaScript 配列とiframe
カテゴリを誤って投稿してしまいました。 インラインフレームを二つ（iframe1,iframe2）用意し、jQueryにてクリック出来るようにしたdiv要素のクリックで、それぞれのリンク先をJavaScriptの配列に収めた連番通り、1,2,3,4…htmlと表示させたいのですが、二つの配列を使用すると連番通りに表示されなくなります。（一つの配列使用では連番通りに表示されます。） 1クリックで、iframe1にはiframe1link1.htmlの表示、iframe2にはiframe2link1.htmlの表示。クリックごとにlink2,link3と順番どおりに表示する、これを可能にするお知恵を拝借したいと思い投稿させて頂きます。よろしくお願いいたします。 =＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ （JavaScript(1)iframe1.js） var URLs=new Array(); var cnt=0; URLs[1]="iframe1link1.html"; ******* URLs[10]="iframe1link10.html"; function Jump1(){ cnt++; if(cnt==11) {cnt=0;} iframe1.location.href=URLs[cnt]; } ==＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ （JavaScript(2)iframe2.js） var URLs=new Array(); var cnt=0; URLs[1]="iframe2link1.html"; ******* URLs[10]="iframe2link10.html"; function Jump2(){ cnt++; if(cnt==11) {cnt=0;} iframe2.location.href=URLs[cnt]; } =＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ （HTML） <!doctype html> <link rel="stylesheet" href="./css/style.css" type="text/css"> <script src="iframe1.js"></script> <script src="iframe2.js"></script> <title>sample</title> <div id="container" class="div" onclick="Jump1();Jump2()"> <div id="main"> <iframe src="./iframe1link0.html" id="iframe1"></iframe> <iframe src="./iframe2link0.html" id="iframe2"></iframe> </div> </div> これでは連番通りにいかない。 =====＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
- ベストアンサー
- JavaScript
- リンクをクリックすると、親ウィンドーにiframe構造のページが開き、さらにターゲットへジャンプする方法はありますでしょうか？
例えば、 index.htmlを下記の通りとします。 --iframe----HTML----- | | | | menu | | ---------------------- 左のmenuをクリックすると、iframeで作った別のページが開き、さらにその中のページのターゲット内に移動したいのです。 index.htmlのmenuをクリック→anotherpage.htmlへ移動 --iframe----iframe----- | |main.html | | menu | | ---------------------- さらに、右iframe内はmain.html内のターゲットAへジャンプ。 このようなジャンプは可能でしょうか？ よろしくお願いします。
- 締切済み
- HTML
- iframeについて・・・
幅260pxの枠内に、別ページAに記載した幅230pxのコンテンツを表示させたいのです。 ページAのコンテンツは縦長のリストなので、iframeには縦のスクロールバーのみ表示するようにしているのですが、どうも、読み込み先のページAが幅230pxよりも右側にちょうどスクロールバー1本分程度の余白ができてしまい、パッと見はわからないのですが、iフレーム内でカーソルをドラッグして右にずらすと、その余白がでてきてしまいます。 いったいこの余白は何が原因でできているのでしょうか。 また、消すことはできるのでしょうか？
- ベストアンサー
- HTML
- 別ウインドウのリサイズをiframeにも適用したい
社内Webサイトを作成しています。 メインページから、該当リンクをクリックすると詳細内容を説明している 別ウインドウを開くように設定しています（window.open）。 その別ウインドウ内には、iframeで他ページを表示させています。 別ウインドウのスクロールバーは非表示にしており、 iframeのスクロールバーのみが表示されています。 別ウインドウのサイズをユーザが変更した場合、今の設定では 別ウインドウのみがリサイズされて、中にあるiframeのサイズは変わりません。 リサイズされた場合、中のインラインフレームも 同じようにサイズ変更させたいのですが、このような事は可能なのでしょうか？ 別ウインドウのサイズは950×600と950×450の2パターンあります。 インラインフレームの表示サイズは950×550と950×400です。 (下にcloseボタンを置いているのでその分小さくしています) margin.paddingともに0で設定しています。 環境はIE8です。 このような事ができるのか、できるのであればどのような方法があるのか ご教示頂けないでしょうか。
- ベストアンサー
- JavaScript
- IFRAMEを使っているのですが
indexはフレームも何もない普通のページで、ENTERをクリックして入った次のページに IFRAMEを使っているページを作っています。 このページに入ると、IFRAMEの中にindexが表示されてしまい、困っています。 このIFRAMEの中に表示するページを指定する事はできますか？
- ベストアンサー
- HTML
お礼
有難う御座いました。お陰さまで思惑通りできました。