• ベストアンサー

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のリンク先が表示される状態になってしまいます。

  • ss696
  • お礼率94% (868/915)

質問者が選んだベストアンサー

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

<A HREF="page1.html#2004summer" TARGET="_top"> か <A HREF="page1.html#2004summer" TARGET="_parent"> にする。

ss696
質問者

お礼

おお！できました。TARGET="_top"とは知りませんでした。ありがとうございます。

その他の回答 (2)

  • kaiu
  • ベストアンサー率20% (65/315)
回答No.3

追記です。 2004summerのname="***"も ちゃんと指定していますよね？

ss696
質問者

お礼

もちろんです。ありがとうございました。

  • kaiu
  • ベストアンサー率20% (65/315)
回答No.2

<IFRAME SRC="page2.html" MARGINHEIGHT="10px" width="450px"></IFRAME> IFRAME に　name="***"　とつけて <A HREF="page1.html#2004summer" target="***">　 にしてもいいですね。

ss696
質問者

お礼

なるほど～こんな方法もあったんですね。 #1の方の回答同様「TARGET」を使えばよかったんですね。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • フレーム内のリンク先を別ウィンドウに表示する

    お世話になります。 ページ内にフレーム領域を作りました。 フレーム内のリンクをクリックするとフレーム内で別ウィンドウが開きます。 <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"></iframe> 上の様に書きました。フレーム内のaaaaaa.html内のリンクをクリックするとフレーム内に別ウィンドウが開きます。 そうではなくて、_blankを使った様に別ウィンドウを開きたいのです。 <a href="aaaaaa.html内のURL"target="_blank" <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"></iframe> </a> <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"><a href="aaaaaa.html内のURL"target="_blank"</a></iframe> 上記の様にしても結果は同じでした。 ＲＣＣの知識が無いために、ページ内にブログのページを強引に表示しました。 よろしくお願いします。

  • 複数のiframeの読み込みについて

    とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、 下記の通り（コード、画像参照）ページを組んだところ、 IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。 制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。 状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。 ■■■ページの概要について 恐らく下記のコードと添付の画像を見ていただいた方がわかりやすいと思いますが、制限や概要を記述しておきます。 ・表示させる方のページをA.html（親ページ）、iframe内で読み込むページをB.html（子フレーム）とします。 ・親ページの方にはかなり使用できるタグなどに制限があり、javascriptが使用できません。文字数にも制限があります（子フレームの方は自由です。） ・親ページも子フレームも触れるものの、この2ページは別ドメインです。（下記の例は相対パスで記述しています） ・子フレームの内容は、下記の例では内容が少ないですが、実際にはかなり長いページになります。ただ、ページは分けない方向でお願いします。 ・iframeはスクロールが出ないように高さを調節しています。 ・ページ内リンクを使用したいのですが、iframe内だけではなく、親ページから見た状態でページの途中に飛ばしたいため、 　親ページの方にページ内リンク用のアンカーをつけ、複数のiframeで子フレームの内容を表示させています。 ・子フレームのコンテンツ毎にiframe表示用のアンカーをつけ、親ページで細かくiframeを分けて表示させています。 ・（ページ内リンクは親ページの方に記述することも出来ます。） ちなみに過去に次のような記事を見つけましたが、どちらも試すこともできない状態です。 http://okwave.jp/qa/q1105662.html http://okwave.jp/qa/q2938546.html ■■■表示のエラーについて（サーバ上でも、ローカルでも同じような状態です。） ・ページを読み込むと、一番上ではなく、一番下のiframeのところで止まります。 　（⇒ページが読み込むと同時に一番上に行ってほしいです。） ・ページ内リンクを付けていますが、リンクを押しても該当のヶ所に飛ばず、 　読み込むように少しページがぶれるのですが、元の位置のままです。 ・IE11のみですが、リンクで使用している画像がぼやけて表示されます。 　（外部CSSで文字の背景に設定しています。） ■■■コードについて ◆A.html（親ページ） ※JSは使用不可です。 ※<body>は触れません。 ※B.htmlのページとは別ドメインです。 <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Baの内容--> <a name="linkAa" id="linkAa"></a> <iframe src="B.html#Ba" frameborder="0" width="850" height="580" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bbの内容--> <a name="linkAb" id="linkAb"></a> <iframe src="B.html#Bb" frameborder="0" width="850" height="595" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bcの内容--> <a name="linkAc" id="linkAc"></a> <iframe src="B.html#Bc" frameborder="0" width="850" height="565" marginwidth="0" marginheight="0" scrolling="no"></iframe> ◆B.html（子フレーム） ※JSは使用可です。 <div class="pageLink"> <a name="Blink" id="Blink"></a> <ul> <li><a href="A.html#linkAa" target="_top">#linkAaへリンク</a></li> <li><a href="A.html#linkAb" target="_top">#linkAbへリンク</a></li> <li><a href="A.html#linkAc" target="_top">#linkAcへリンク</a></li> </ul> </div> <a name="Ba" id="Ba"></a> <div>Baの内容</div> <a name="Bb" id="Bb"></a> <div>Bbの内容</div> <a name="Bc" id="Bc"></a> <div>Bcの内容</div> 以上です。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLアプリでインラインフレーム間リンクの表示

    HTMLアプリケーション(hta)で インラインフレームにリンクボタンを置き、 別のインラインフレームにリンク先を表示する ことができるか教えてください。 ※IE6を使用しています。 HTMLタグを書くと、フレーム内のリンクをクリックすると 別ウィンドウが開いてしまいます。 ただし、フレーム外のリンクであればリンク先の表示ができます。 また、拡張子をhtmに変更すればすべて想定通りの動作をします。 記述に誤り、もしくは良い方法があれば、教えていただけませんでしょうか。 よろしくお願いします。 ------------ aaa.hta <a href="http://www.yahoo.co.jp" target=iframe2>aaa</a> <iframe name="iframe1" src="a_1.htm"></iframe> <iframe name="iframe2" src=#></iframe> a_1.htm <a href="http://www.yahoo.co.jp/" target="iframe2">click!</a> ------------

    • ベストアンサー
    • HTML
  • リンクページが表示されません

    ＰＣ歴5ヶ月弱のものです。ＴＯＰページからサブページにジャンプしようとするとアクセス不可の答えが返ってきます。初めてフレームページに挑んだのですがそのページだけリンクしません。パスの指定が悪いのか、フレーム定義が悪いのか解らず困っています、どうか助けてやってください。 <td><A href="frame.htm"><img width="20" height="20" src="a_tai3.gif">リンク先</A></td> ↑パス指定 ↓フレーム定義 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <FRAMESET COLS="180px,*" FRAMEBORDER="no" BORDER="0" 　　　　　　　　　　　　　　　　　　　　　　FRAMESPACING="0" > <FRAME SRC="ｘｘｘ.f.html" NAME="f1" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="auto" > <FRAME SRC="ｙｙｙ.htm" NAME="f2" SCROLLING="auto"> <NOFRAMES><body>｜<A HREF="ｚｚｚ.htm">内容</A>｜</body> </NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • 一つのボタンでページ移動iframeとリンクを開く

    divで分けたpaｇｅ1とpage2で page1には <ul > <li><a href="http://www.apple.com/jp/"target="iframe1" >Apple</a></li> <li><a href="http://www.microsoft.com/japan/‎" target="iframe1">Microsoft</a></li> </ul> page2には <iframe name="iframe1"></iframe> page1の外部リンクをクリックした時に page2移動して、iframe内にＨＰを開く用にしたいのですが、できますか！？ targetでpage2にリンクを開くのはできましたが ページの移動ができません。 例えば、javascriptでpage1の外部リンクは全て移動するとか。。。 ど素人なので、違う簡単な方法があれば教えてください。

  • リンク元の引数を取得してjavascriptを実行したい

    リンク元に引数を入力して、リンク先でページのインラインフレームのページが指し換わるjavascriptを実行させたいです。 実行させたいjavascriptは function change(URL1,URL2) { document.getElementById('contents1').innerHTML = '<iframe src="'+URL1+'" width="620" height="343" frameborder="0" scrolling="no" name="myFrame1" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ; document.getElementById('contents2').innerHTML = '<iframe src="'+URL2+'" width="620" height="215" frameborder="0" scrolling="no" name="myFrame2" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ; } 引数からURL1とURL2に代入したいです。 アドバイスよろしくおねがいいたします。

  • htmlとjavaスクリプトに詳しい人きてください

    ～～略～～ <div id="btn"> 　<a href="cont01" target="ifrm01">テスト</a> </div> ～～略～～ <div id="cont-ifrm"> <iframe width="400" height="300" name="ifrm01"></iframe> </div> ～～略～～ というコードがあったとします。この時「テスト」をクリックするとインラインフレーム(ifrm01)内にリンク先を表示させつつ、 さらにそのインラインフレームにページ内リンクで自動的にスクロールするにはどうすればいいんでしょうか？ htmlとcssは概ね理解できますが、javaスクリプトはなんとか読める程度です

  • iframeの中でページ内リンクはできますか？

    iframeを使って下記のようなつくりでHTMLを組んでみましたが、Chromeでリンクに飛ぶことができません。（(1)をクリックすると(2)の位置に飛んでほしい） =　A.html　= <html> <body> <iframe src="B.html" scrolling="no" frameborder="0" width="750" height="2000"></iframe> </body> </html> =　B.html　= <html> <body> <a href="#CCC"><img src="xxx.jpg" /></a>…(1) 　　・ 　　・ 　　・ <a href="C.html" name="CCC">あいうえお </a>…(2) </body> </html> ざっくりと書いてしまいましたが、親HTML（ここでいうA.html）では指示をせず、あくまでiframe中の子HTML（ここでいうB.html）の中でページ内リンクをしたいと思っています。 ちなみにiframeを使っていますが、ブラウザ上の見え方としては、A.htmlに1ページで組んでいるかのような形にしたいと思っています。 ネットでいろいろ調べてみましたがよくわからず、記述が悪いのか、Chromeではうまくいかないのか、悩んでおります。（Sarfari等、うまくいったブラウザもあるのですが…） よい方法がございましたら教えてください。 宜しくお願いします。

  • iframe ピンポイント表示

    <body> <iframe width="235" height="100%" src="http://～"> </iframe> </body> （詳細略） このままだとＵＲＬ先のページがフレームの左と上に合ってしまい、 スクローラーバーが縦横に出ます。 これをＵＲＬ先の特定の部分が表示されるようにするためには、 どのようにすればよいでしょうか？ 例えば、ＵＲＬ先の上から 100px 左から 100px の部分を、 フレームの左上隅にピタット合わせて表示したいという感じです。 相手先に<a name=""></a>でもあればそこに合わせられますが、 当然私側からはできません。 スクローラーバーを出ないようにできれば、尚いいのですが・・。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • INFRAMEについて教えてください

    ホームページビルダーでサイトを作っています。メニューコンテンツが多いためにINFRAMEを作りましたがうまくいきません。教えてください。 index.htmlのページに<body>から</body>に <NOLAYER> <IFRAME name="sample" border="0" frameborder="0" marginheight="0" marginwidth="0" src="sample.html" width="220" height="3000" scrolling="no" align="left"></IFRAME></NOLAYER> <ILAYER src="sample.html" width="220" height="3000" scrolling="no"></ILAYER> を記入。 sample.htmlのページに <TABLE width="220" height="600" border="0"> <tr><td><IMG src="bullet019.gif" width="16" height="16" border="0"><A href="index.html">HOME</A></td></tr>以下省略。 indexページではメニューページがうまく貼り付けられました。が、HOMEをクリックするとINFRAME枠内にindexページが表示されます。どうすればよいでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する