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

解決済

質問者：garfield
質問日時：2002/02/26 09:21
回答数：3件

教えてください。お願いします。
たとえば、
左のフレームには(1)本のジャンル、(2)その下にはジャンル別に本のタイトルが入力されているというページ、
右フレームには(3)その本の内容が出てくるという構成で、

左フレームの(1)をクリックすると、そのページ下部分の(2)に飛び、同時に右フレームには(3)が出てくるというように、(1)をクリックすると同時にふたつ一緒に切り替わるリンク設定というのは可能でしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

No.3ベストアンサー

回答者： a-kuma
回答日時：2002/02/26 14:36

> 左フレーム部分は１ファイルにしていたのですが、

> タイトル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>

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2002/03/01 09:03

No.2

回答者： a-kuma
回答日時：2002/02/26 11:17

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>

リンクをクリックされたときの動作を関数で処理して、その関数で、ふたつの表示先を変えています。

分からないところがあれば補足してください。