Java-Script

　ウインドウを２つに仕切る 　　　　　　　

Sample 下の文字列をクリックして新しいウインドウを開いてください。

ソース

ウインドウを２つに仕切るには、下記のＨＴＭＬファイルを３つ使います。

frame_index.html
<HTML>
<HEAD>
<TITLE>ウインドウを２つに仕切る</TITLE>
</HEAD>
<FRAMESET COLS="160,*," frameborder="0" framespacing="0">
<FRAME src="frame_menu.html" NAME="a" FRAMEBORDER="0">
<FRAME src="frame_top.html" NAME="b" FRAMEBORDER="0">
<NOFRAMES>
</NOFRAMES>
</FRAMESET>
</HTML>

frame_menu.html
<html>
<BODY BGCOLOR=white TEXT=black LINK=blue VLINK=darkcyan ALINK=red TOPMARGIN=0 MARGINHEIGHT=0 LEFTMARGIN="0" MARGINWIDTH="0">
 
　Menu
 
<A href="***.html" target="b">Menu_1</A>
</body></html>

frame_top.html
<html>
<BODY BGCOLOR=white TEXT=black LINK=blue VLINK=darkcyan ALINK=red TOPMARGIN=0 MARGINHEIGHT=0 LEFTMARGIN="0" MARGINWIDTH="0">
 
　Top
 
</body></html>

ワンポイント解説

frame_index.html では、
<FRAME src="frame_menu.html" NAME="a" FRAMEBORDER="0">
<FRAME src="frame_top.html" NAME="b" FRAMEBORDER="0">
で、ウインドウの左側のページを　frame_menu.html　に指定し、
右側のページを　frame_top.html　に指定しています。
frame_top.html　の　NAME="b"　は、frame_menu.html　で、クリックした時の対象になるので、注意してください。

<FRAMESET COLS="160,*,"　で、左側のページの幅を１６０ピクセルに指定しています。

frame_menu.html では、
<A href="***.html" target="b">　で、クリックした時の対象を指定しています。

frame_top.html は、
通常のＨＴＭＬファイルでＯＫです。