• 締切済み

1か所をクリックして複数ページを切り替える方法を教えてください。

左にAというページ、右ページを上下2つに分割(B・C)しています。 Aにある文字をクリックしたらB・Cが同時に切り替わるタグを教えてさい。 (どこページに何を記載すればいいのか、Aにあるクリックする文字のところに書くことなど) わかりにくい説明ですみません。 http://www.tagindex.com/javascript/link/frame.html を見てみましたが、「// 設定開始(表示するフレーム名とリンク先URLを設定してください) 」にどのページのURLを書けばいいのか、Aにあるクリックする文字のところにどうやって書けばいいのかわかりません。 よろしくお願いします。

みんなの回答

  • arexis
  • ベストアンサー率66% (66/99)
回答No.3

別の参考方法を蛇足で書いておきます。 左から呼び出す時の右の上下の組み合わせパターンがあまり多くなく、ある程度決まっているのならJavaScriptを使わなくても可能ですよ。 まず、サイトのTOPフレーム定義HTMLは フレームA name=left (左) フレームB name=right (右) と左右に2分割します。 フレームAは普通に表示するHTMLファイルを読みこませますが、フレームB(右)で読み込むHTMLファイルは、また別の右用フレーム定義ファイルにします。 例: フレームC name=upper (上) フレームD name=lower (下) CとDでは上下それぞれ用の普通のHTMLファイルを読みます。これで、画面上は普通に3分割表示になります。 Aにあるアンカーのターゲットで右フレーム rightを指定して、別の右用フレーム定義ファイルに取り替えると、その定義ファイルにある上下が一括で表示されます。 つまりCとDを取り替えるのではなくCとDの親であるBに読み込まれている右用フレーム定義を交換するだけです。

  • kazumero
  • ベストアンサー率40% (20/49)
回答No.2

そのサイトでは、フレームページのソースに、 <FRAME SRC="sample_frame_b.html" NAME="left"> <FRAME SRC="sample_frame_c.html" NAME="right"> と書いています。 左下のページがleft、右下のページがrightという名前がつけられています。 ですので、Aのページで、 parent.left.location.href = "sample_left.html"; parent.right.location.href = "sample_right.html"; とした場合、 leftの名前がついたページをsample_left.htmlに、 rightの名前がついたページをsample_right.htmlに飛ばしますよ~ って意味です。 本題に戻ります。 ■フレームのページ まず、BとCのページに名前を付けてください。 また、最初に表示するBとCのページのファイル名を決めます。 例えば、Bがtop、Cがbottomという名前に、 Bにb_before.html, Cにc_before.htmlを表示させるなら、 <FRAME SRC="b_before.html" NAME="top"> <FRAME SRC="c_before.html" NAME="bottom"> と、記述します。 ■Aのページ まず、飛ばしたいページのファイル名を決めます。 例えば、Bがb_after.html, Cがc_after.htmlにしたならば、 parent.top.location.href = "b_after.html"; parent.bottom.location.href = "c_after.html"; とします。

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

<a href="javascript:jump()">リンク</a> とでもしてください。 これはあくまでjavascriptですので、HTMLのタグにはそういった 2か所に飛ぶようなものはありません

関連するQ&A

  • 他のページ内の複数のフレームに同時にリンクさせるには?

    フレーム分割されてないページから、フレーム分割されている他のページ内の複数のフレームに、それぞれURLを指定して同時にリンクさせるには? HPを作っているのですが、どうしてもわからないことがあります。 フレーム分割の無い「サイトマップ」のページから、 フレーム分割されている他のページにリンクさせる際に、 リンク先ページの各フレームがそのリンク毎に変わるよう、別々に設定したいのです。 <例> Aページ(サイトマップ)内の”寿司”をクリックすると、フレーム分割されたBページの「LeftFrame」には”日本料理のページ”を、「RightFrame」には”寿司のページ”を表示させる。 Aページ(サイトマップ)内の”ピザ”をクリックすると、フレーム分割されたBページの「LeftFrame」には”イタリア料理のページ”を、「RightFrame」には”ピザのページ”を表示させる。 ↑ これを可能にする方法、タグなどがありましたら、どうかアドバイスをお願い致します!

  • HP フレームページを開き、更にページを開きたい

    左右に分割されているフレームがあります。 indexページから <A href="illust.html" target="top">フレーム</a> とリンクさせており、フレームページに飛びます。 左フレームに「A」、「B」、「C」、「D」と…リンクが張ってあり、 「B」をクリックすると、右フレームに「B」ページが表示されます。 <A href="b.html" target="right" >B</a> indexページから、フレームにリンクさせたら、フレームページが開かれますが、 さらに「B」ページを開いた状態にすることは可能でしょうか? 今の状態だと、フレームページが開かれるだけで、手動で左フレームから「B」をクリックするのが手間なのですが…。 ビルダー等のソフトは使用しておらず、メモ帳でタグを書いています。

    • ベストアンサー
    • HTML
  • submitして表示されるページをフレーム分割

    perl-CGIを使ったシステムです。 フレーム上下分割したページで、上のフレームにリストボックスにカテゴリがA・B・Cがあり、どれかを選択して実行ボタン(SUBMIT)をクリックすると、下のフレームに選択カテゴリのデータを抽出し一覧表が表示されるようにしています。ここまでは出来ているのですが、 これと全く別のページ、例えばindexページに、「カテゴリを選択して下さい。A、B、C」みたいなリンクがあって、Aをクリックすると、先に書いた、上下分割のページが表示され、下のフレームにはAの抽出一覧が表示される・・・という様にするにはどうしたらよいのでしょうか? indexでAを選択すると、Aの抽出一覧、つまり下のフレーム部分のみが表示されるページをつくることは出来ますが、それじゃ次に別のパラメータで再検索するということが出来ないので、どうしても最初に述べたフレーム上下分割したページにしたいのです。

    • ベストアンサー
    • Perl
  • URLを引数とし、フレーム間で渡す方法

    こんにちわ。 現在開発しているWEBページで、困っています。 まず、最初のページで、フレームが左右に分割しています。 左フレームAはリンクがたくさんはってあります。 右フレームBはトップロゴがあります。 右フレームBのロゴを押すと、右フレームはさらに上下に分割し、上フレームCはヘッダーとして使用し、下フレームDは詳細画面になっています。 左フレームAのリンクを押すと、下フレームDの内容が変わるのですが、フレームが4つ(A,B,C,D)に分割される前に左フレームAのリンクを押してしまうと、新しくブラウザが開かれてしまいます(Targetがないため) そこで、URLを引数として、上下画面にフレーム分割をするソースに受け取った引数URLをフレームセットで実行できないかと考えました。 ・・・がサンプルなどをひっくり返しても、なかなかできません。 どなたかご教授していただけるととても助かります。 よろしくお願いいたします。

  • 複数フレーム同時リンクタグ

       A =======    B =======    C フレーム分けしたhtml名→top.html と、縦3分割されたHPを作った際に Aのフレーム内のリンクを押した際にtarget設定でB とCのフレーム内を同時に変更する方法を探しています HPの構造上、BとC部分に1つの新しいフレームページを設けて そちらのフレームサイトへリンクをさせるという方法はできないです あとJAVAスクリプトを使用した <SCRIPT TYPE="text/javascript"> <!-- function jump(){ parent.B.location.href = "B.html"; parent.C.location.href = "C.html"; という方法でできるそうなのですが 以前自分では HTML言語の<a herfの派生のようなタグで これが実現できていました このタグを知りたいのですが以前のデータ消失&検索してもなぜか引っかからずで困っております・・・ どなたか教えてください

  • オンマウスで画像を表示〈フレーム版〉

    すぐ下に質問されてる人と似ていますが、フレームバージョンではどうなのか、わからないので質問しました。 http://www.tagindex.com/javascript/link/change3.html フレームで上下に画面を分けて、上のリンク文字にマウスをあわせると、下の画面に画像を表示したいんです。 初心者なのであまりわからないんで。。。 よろしくお願いします。

  • フレームで、2つのページを同時に変える方法。

    HTMLタグで、フレームで3つに分割しました。 メニューページ ページa ページb とします。メニューページで、abどちらもいっぺんに画面を変えるにはどうしたらいいんですか。 よろしくお願いします!

    • ベストアンサー
    • HTML
  • フレームなしのページからフレームありのページに飛ばすと・・・

    Webデザイナーの新人です。 フレームのあるページ(2分割)があります。クリック すると、ターゲットで別ページの一部が開くように なっています。 このページを「A」としますが、もともとトップページ だったこの「A」の前に別のページ「B」を作り、リンク させたところ、「B」のリンクから入ると「A」は、 クリックするとこれまで「A」の画面内の一部で開いて いた別ページが、別ウインドウで開くようになってしまい ました。 何かの理由で壊れてしまったのかと思いましたが、「A」 のURLを直接入力して見た時は問題がないことから、 「B」がフレームなしのページで、「A」がフレームありの ページだからなのか? と思いました。 説明がわかりにくいかもしれませんが、フレームなしの ページからフレームありのページへリンクさせた場合に フレーム、ターゲットを使う場合、どのような対処方法が あるのでしょうか。 ちなみに「A」「B」ともに作成者は異なり、私はアップ だけしました。 アドバイスをよろしくお願いいたします。

  • フレーム表示のページのリンク先を同ページ内に複数指定したいのですが・・・

    お世話になります。 質問の内容なのですが、 ホームページをフレーム表示でA,B,Cと3分割した場合に、 フレームAのリンクの1つをターゲットフレームでフレームBにリンクしたとします。 フレームAからフレームBにリンクしたリンクをクリックした時に、フレームCの表示を違うHTMLに変えることはできないのでしょうか? わかりずらくてすみません。 要は、フレームAのリンク指定先をフレームBとC 2つにすることは可能なのでしょうか? またフレームBにリンクしてあるフレームAのリンクをクリックした時に、 フレームCに貼ってある画像のみを変更するようなことはできるのでしょうか? わかりずらくて申し訳ありませんが、よろしくお願い致します。

  • ワンクリックで2つのページを開くには?

    画像にリンクを張る場合など Aというページにリンクしたい時は、 <A href="AのURL" target="_blank"><img src="画像のパス"></A> のように記述しますが、 画像をクリックした時(たぶん、Press)にAページ、 そのクリックを離した時(たぶん、Release)にBページと それぞれ別の2つのページを表示させたいのです。 おそらく JavaScript というものを使うようなのですが、 質問【1】 その記述例を教えて頂けないでしょうか? 質問【2】 またその場合、HTMLのヘッダ部に JavaScript の宣言は必要でしょうか? 特に必要ないのでしょうか?

専門家に質問してみよう