フレームが複数ある場合、通常のリンクタグでは２ヶ所同時にページを切り替えることはできません。
しかし、JavaScriptを利用すれば１つのリンクで複数のフレームのページを表示することが可能になります。

→ Sample: 複数のフレームに同時にリンクする

これはJavaScriptを用いて瞬時にページを１つずつ変更しているだけなので、JavaScriptに対応していないブラウザでは動作しませんし、ページを戻るには変更したページの数だけ戻るボタンをクリックする必要があります。

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するソースです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。

→ Sample(サンプルで使用したフレームの名前はleft、bottomです)

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>
<BODY bgcolor="#ccccff">
<A href="JavaScript: link1();">Link1</A> /
<A href="JavaScript: link2();">Link2</A> /
<A href="JavaScript: defaultPage();">デフォルト</A>
</BODY>
</HTML>

解説・注意点など

例えば、

parent.left.location.href='6_2_left2.html';

では、leftがフレームの名前で、6_2_left2.htmlはリンク先ファイルとなります。
これは、セミコロン「;」で区切っていくらでも追加することが可能です。

← Webデザインテクニックに戻る

eWeb