ベストアンサー

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

2002/02/26 09:21

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

garfield
お礼率66% (26/39)

JavaScript
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

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

ベストアンサー

a-kuma
ベストアンサー率50% (1122/2211)

2002/02/26 14:36 回答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>

質問者

お礼 2002/03/01 09:03

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

その他の回答 (2)

a-kuma
ベストアンサー率50% (1122/2211)

2002/02/26 11:17 回答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> リンクをクリックされたときの動作を関数で処理して、その関数で、ふたつの表示先を変えています。分からないところがあれば補足してください。

質問者