• ベストアンサー

2つのフレームに対して同時にリンクさせることは可能でしょうか？

教えてください。お願いします。 たとえば、 左のフレームには(1)本のジャンル、(2)その下にはジャンル別に本のタイトルが入力されているというページ、 右フレームには(3)その本の内容が出てくるという構成で、 左フレームの(1)をクリックすると、そのページ下部分の(2)に飛び、同時に右フレームには(3)が出てくるというように、(1)をクリックすると同時にふたつ一緒に切り替わるリンク設定というのは可能でしょうか？

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

  • ベストアンサー
  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.3

> 左フレーム部分は１ファイルにしていたのですが、 > タイトル1.htmlとタイトル2.htmlというように複数ページに別ければ可能なのですね。 左フレームを１ファイルにしても可能ですよ。<a name> で名前をつけてあげればOK。 先の回答の "左上に表示される.html" がこんなふうに変わる。 <html><body> <script type="text/JavaScript"> function double_jump(url1, url2) { parent.f2.location.href=url1 parent.f3.location.href=url2 } </script> 本のジャンル <ul> <li><a href="#" onClick="double_jump('左上に表示される.html#title1', '内容１.html')">ジャンル１</a> <li><a href="#" onClick="double_jump('左上に表示される.html#title2', '内容２.html')">ジャンル２</a> </ul> <br><br><br><br><br><br> <!-- ちょっと間を空けておこうか --> <a name="title1"> 本のタイトル１ <a name="title2"> 本のタイトル２ </body></html>

garfield
質問者

お礼

ご回答ありがとうございます。 本当にすばらしいです。できました。javascriptってすごいですね。 今後もどうか宜しくお願いします。

その他の回答 (2)

  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.2

JavaScript で可能です。ポイントはふたつ。 ・表示先を変えるには、document オブジェクトの href プロパティを変えれば良い ・フレームに表示されている document から、別のフレームは parent.フレーム名 で参照できる 具体的には、親のソースがこんな感じ。 <html> <frameset cols="25%,*"> <frameset rows="25%,*"> <frame src="左上に表示される.html" name=f1> <frame src="about:blank" name=f2> <!-- 最初は空白で良い --> </frameset> <frame src="about:blank" name=f3> <!-- 最初は空白で良い --> </frameset> </html> フレーム名は、左上が f1 、左下が f2 、右が f3 です。 左上に表示されるファイルはこんな感じ。 <html><body> <script type="text/JavaScript"> function double_jump(url1, url2) { parent.f2.location.href=url1 parent.f3.location.href=url2 } </script> 本のジャンル <ul> <li><a href="#" onClick="double_jump('タイトル１.html', '内容１.html')">ジャンル１</a> <li><a href="#" onClick="double_jump('タイトル２.html', '内容２.html')">ジャンル２</a> </ul> </body></html> リンクをクリックされたときの動作を関数で処理して、その関数で、ふたつの表示先を変えています。 分からないところがあれば補足してください。

garfield
質問者

お礼

なるほどですね。すばらしいです。 左フレーム部分は１ファイルにしていたのですが、 タイトル1.htmlとタイトル2.htmlというように複数ページに別ければ可能なのですね。勉強になりました。 ページ数を増やしてトライします。ありがとうございました。

  • ponpon
  • ベストアンサー率19% (67/345)
回答No.1

おそらくJavaAppletで可能だと思います。 ソースはwebに転がっているので、探してみてください。 web/javaapplet/なんかで探すといいサイトが見つかると思います。

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

関連するQ&A

  • フレームとリンク

    現在フレームによって左(frame1)と右(frame2)にわけてあるのですが、左に『topへ移動します』という文字を入れて それを押すと左のページは1.htmへ。 右のページは２.htmへというように同時にリンク先へ行くようにしたいのですがどうすればよいのでしょうか？ いわいる左ページのリンク指定のプログラムだけおしえて いただけないでしょうか？困っています。。

    • ベストアンサー
    • HTML
  • リンク先をフレーム（＋フレーム内の1つを別々のページへ）

    タイトル通りなんですが、 あらかじめ、frame.htmlという 上と左右に分割されたページ （上はtop.html、左はleft.html、右はright.html） があるとします。 で、index.htmlから1～3までのリンク先があり、 そこをクリックすると、frame.htmlの top.htmlとleft.htmlだけ同じファイルを呼び出し、 right.htmlの部分だけ各1～3のページを 読み出す事はできるのでしょうか？ 1～3.html用にそのフレームページを3つ作れば早いのですが どうにかして、frame.htmlの「right」だけを各リンク先のページに 切り替えるという、1つのファイルで賄いたいと思っております。 宜しくお願い致します。

  • 左右のフレームを同時に切り替えたい

    ２画面を使ったフレームのHPを作成しているのですが、 クリックしたら、左右同時に切り替わるリンクの仕方が分かりません。 どうのようにすればいいのでしょうか？ ・リンクのスタート地点は<左フレーム>、niji.html ・リンク先は、左は、menu.html、右はtop.htmlへと、同時にジャンプ。 ・画像を使ってリンクしたい。画像名は、momo.gif 左のフレーム内の画像をクリックしたら、左は、menu.html　 右は、top.htmlと、切り替えたいという事です。

    • ベストアンサー
    • HTML
  • フレームの四分割でリンク

    こんにちは。よろしければ教えて下さい。 フレームを上中下の三分割（10%、80%、10%）にし、中を更に左右（20%、80%）で割りました。 これらを 上=ue 中=naka 下=sita 左=hidari（メニューページ） 右=migi（メインページ） とします。 この時、左（メニュー）から右（メイン）にリンクすると同時に、上もしくは下もリンクさせたい（右を押すと左と上が同時に変わる）のですが、htmlもしくはスタイルシートで出来るでしょうか？ 上をサブメニューとして使いたいのです。 申し訳無いのですが （１）JavaScriptは使えません。 （２）CGI非対応スペースです。 （３）これ以上フレームを増やすのは避けたい です。 ちなみに過去の質問は拝読しましたが、読んだ限り3分割、フレームを更に入れ子にするという回答が主でした。 しかし最初に上中下と組んでしまっているので、入れ子が出来ません。 フレームを三分割にして左メニューでテーブルを組んで見た目上同じ効果を出す、というのは考えたのですが、直接リンク出来ればそれに越した事は無いので、お尋ねさせて頂きました。 宜しくお願い致します。

  • フレームのリンクについて

    左のフレームのリンク先を、右のフレームのページ途中にもっていくにはどんなタグを使えばいいですか？例 えば仮に右フレームに１０００行の文字が書いてあるとして、左フレームのリンク先をおよそ３５０行のとこ ろにもっていきたいのですが(１行目から３５０行目までたどっていかなくてすむように)。 ２、左右のフレームのタイトルはともかく、統一する(フレームにするための)３枚目のファイルの <title>が書いてあるのに表示されません。ノーマルなファイルと同じように<head>にはさんで 入れているのですが。長文になりましたが、誰か御存知の方教えて下さい。お願いします。

    • ベストアンサー
    • HTML
  • （再）”フレームhtml”にリンクを張った場合、同時にそのフレームの中身まで指定する方法

    　”フレームhtml”にリンクを張った場合、同時にそのフレームの中身まで指定することってできるのでしょうか？ 　リンク元のページ（フレーム未使用）を「contents.html」とします。 このページには、「自作イラスト」を紹介するページへのリンクと、「デジカメの写真」を紹介するページへのリンクを作ったとします。 　「自作イラスト」、「デジカメの写真」両ページとも、フレームを活用した２分割のページです。 「自作イラスト」は、「a01.html」「a02.html」で構成され、 「デジカメの写真」は、「b01.html」「b02.html」で構成されているとします。 　そして、フレームページは「frame.html」です。 「contents.html」 「frame.html」 「a01.html」 「a02.html」 「b01.html」 「b02.html」 　上記のhtmlファイルは、すべて同一パスに存在するとします。 　フレームページは一つだけです。 　以上を踏まえていただいた上で、もう一度ご質問させていただきたいのですが、 　「contents.html」から、「自作イラスト」へのリンクをクリックした時に、「frame.html」に「a01.html」「a02.html」という構成で表示させ、「contents.html」から、「デジカメの写真」へのリンクをクリックした時に、「frame.html」に「b01.html」「b02.html」という構成で表示させることはできるのでしょうか？

    • ベストアンサー
    • HTML
  • フレームについて

    ホームページ作成初心者です。 イラストサイトを作る予定なので、右も左もわかならいままトップページはできたのはいいのですが、イラスト展示用のページを作るためのタグがわからずにいます。調べてみましたがなかなか自分の思う通りのものが見つかりません。 イメージとしては、 ・フレームを使用している ・左にジャンル名が並んでいて、それをクリックするとそのジャンルのイラストのリンクが左に出てくる ・さらに左に並んでいるイラストのリンクをクリックすると右のページにイラストが出る といった感じです。わかりづらくて申し訳ないです。 そしてタグもわからないのですが、どういった風にファイルを作っていけばいいのかもわかりません。とても初歩的なことかもしれませんが、どうか教えていただきたいです。

    • ベストアンサー
    • HTML
  • 同時に２箇所にリンクは可能？

    いつもお世話になっております。 カテ違いだったらごめんなさい。 たとえば、フレームページで 左がメニュー。右がメイン。という場合 左のメニューの中の画像ボタンをクリックすると、 左のメニューのデザインが変わり、右のメインも変わり。 というふうに、ワンクリックで２ヶ所のリンクに同時にジャンプすることはできるのでしょうか。 よろしくお願いします。

  • FRONTPAGE 2003　フレームページのリンクについて

    FRONTPAGE 2003でHPを初めて作っています。フレーム機能を用いて、左はメニュー、右は本文という構成にしようと思っています。 メニューの項目をクリックしても、メニューはそのままで本文だけリンクさせたいと思っていますが、その場合のハイパーリンク指定はどのようにすればよいのでしょうか？ タグ入力はしていませんので、デザインページでの操作で出来る方法を教えていただけませんか？

  • フレームのリンクに関して

    　左のフレームにボタンを作ってそのボタンをクリックすると 右のフレームにリンク先が表示されるようにしたいのですが どうしてもできません。タグ辞典で勉強しながらやっているのですが よくわかりません。もうボタンはできています。そのボタンをクリック すると左のフレームにリンクさきが表示されてしまいます。 よろしくおねがいします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する