Ｑ＆Ａコーナー

質問その４
フレームを使うときに、右と左と画面の中で分割させた状態で、左側の部分でリンクした先のページを右側の部分で表示させる方法がちょっと分からなくて困っているんです。いちいち、新しいウィンドウを開くのは手間が掛かるので、何とかやりたいと思っているのだけれど…。(by 素敵なお姉さん　1/11)

私が借りてる掲示板のフレームもそういう風になってるよね。
これは、仕組みさえわかれば割と簡単にできます。
覚えておいてソンはないよね！

まずはメモ帳等を開いて、以下のように記述します。

<HTML>
<TITLE>フレーム左右分割</TITLE>
<FRAMESET COLS="50%,50%">
<FRAME SRC="hidari.htm" NAME="hidari">
<FRAME SRC="migi.html" NAME="migi">
</FRAMESET>
</HTML>

これをtop.htmと名前を付けて保存しておきます。

次に中身も作ろう。

<HTML>
<HEAD>
<BODY bgcolor="#ffffff">
<TITLE>フレーム左部分</TITLE>
</HEAD>
 
<A HREF="migi.htm#a1"TARGET="migi">京太の息子の名前は？</A></A> 
<A HREF="migi.htm#b1"TARGET="migi">京太の娘の名前は？ </A></A> 
<A HREF="migi.htm#c1"TARGET="migi">京太の旦那の名前は？ </A></A> 
</BODY>
</HTML>

これをhidari.htmと名前を付けて、先程保存した場所と同じディレクトリに保存します。

次は右の画面ね。

<HTML>
<HEAD>
<TITLE>フレーム右側部分</TITLE>
</HEAD>
<BODY bgcolor="#ffffff">

<A NAME="a1"></A> こっこくん
 

<A NAME="b1"></A> かおたん
 

<A NAME="c1"></A> へいちゃん
 

</BODY>
</HTML>

これをmigi.htmと名前を付けて、先程保存した場所と同じディレクトリに保存します。

３つのhtmファイルを同じディレクトリに保存したら、top.htmをダブルクリックして、ブラウザに読み込んでみましょう。
するとこうなるはずです。
これは、左に一つのhtmファイルの上の方、真ん中、下の方を表示させる方法です。

次に今作ったhtmlファイルを下記のように変更すれば、右側に該当のhtmファイルを表示できます。
こっちの方が、簡単かな？
まず、top2.htmを作ります。

<HTML> <TITLE>フレーム左右分割</TITLE>
<FRAMESET COLS="20%,80%">
<FRAME SRC="hidari2.htm" NAME="hidari">
<FRAME SRC="hitori.htm" NAME="migi">
</FRAMESET>
</HTML>

それから、hidari2.htmを以下のように作ります。
<HTML>
<HEAD>
<BODY bgcolor="#ffffff">
<TITLE>フレーム左部分</TITLE>
</HEAD>
 
<A HREF="0103.htm"TARGET="migi">独り言１／３</A></A> 
<A HREF="0104.htm"TARGET="migi">独り言１／４</A></A> 
<A HREF="0105.htm"TARGET="migi">独り言１／５</A></A> 
</BODY>
</HTML>

するとこのようになります。

具体例から学ぶのが１番手っ取り早いと思うんだけど。どうかな？
文字部分、htmlファイル部分を色々入れ替えて、作って遊んでみてね。

※注意！
タグの名前（例えば<A HREF="0105.htm"TARGET="migi">の「migi」の部分を「右」等の日本語にすると、英語版のブラウザでは、うまく指定されない場合があるようです（Netscape4.0で確認）。