フレーム
この例は、フレームの操作を行うものです
ソースとしては、以下の通りです
メイン
<![CDATA[
<!DOCTYPE html public "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=Shift_JIS">
<TITLE>HTML勉強会テキスト</TITLE>
</HEAD>
<FRAMESET rows="15%,*">
<FRAME src="2-5-8-1-sample.html" name="frame1">
<FRAME src="2-5-8-2-sample.html" name="frame2">
</FRAMESET>
<NOFRAMES>
<BODY>
フレーム未対応ではこの例は動作出来ません<BR>
</BODY>
</NOFRAMES>
</HTML>
]]>
フレーム１
<![CDATA[
<!DOCTYPE html public "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=Shift_JIS">
<TITLE>HTML勉強会テキスト</TITLE>
<SCRIPT language="javascript">
<!--
function changepages(pagename) {
parent.frame2.location.href = pagename;
}
// -->
</SCRIPT>
</HEAD>
<BODY bgcolor="#c0c0c0" text="#000000" link="#0000ff" vlink="#800080">
<P align="center">
<FORM>
<INPUT type="button" name="page1" value="ページ１" onClick="changepages('2-5-8-2-sample.html')">
<INPUT type="button" name="page2" value="ページ２" onClick="changepages('2-5-8-3-sample.html')">
</FORM>
</P>
</BODY>
</HTML>
]]>
フレーム１の、function changepages()で、フレーム２が読み込むドキュメントのURLを変更しています
parent.frame2.location.hrefの、「parent」は親ウィンドウ、「frame2」はフレーム名(<FRAME>タグのnameで指定したもの)、「location.href」はそのURLを示します
画面の上のボタン操作により、該当するページを表示しています
ここをクリックすると、この画面の実行結果が見れます