<!--これが 本体で フレームの「left」から「right」を コントロールする(色は16進式)-->
<!--単独で 動作させると「エラー表示」が 出ますので 必ず フレームと組合せてね-->
<script language="javascript">
function color01(){
parent.
right.document.bgColor="#FFFFFF";
}
function color02(){
parent.
right.document.bgColor="#7B68EE";
}
</script>

<!--これが 操作ボタン-->
<!--(色はRGBの256式 IEでのみ必要なのでNNのひとは不要なので この行は無くても良い)-->
<form>
<center>
<input TYPE="button" VALUE="white" onClick="color01()"
style="background-color: rgb(255,255,255); color: rgb(123,104,238)"
>
<input TYPE="button"VALUE="blue" onClick="color02()"
style="background-color: rgb(123,104,238); color: rgb(255,255,255)"
>
</center>
</form>

<!--ここまでが 本体 & 操作ボタン-->


参考:フレームの作り方(各自で 自分用に 書き換えてね)

<html>

<head>
<title>
ページのタイトル</title>
</head>

<frameset cols="
200,*">
<frame name="left" target="
right" scrolling="auto" src="左のページ.html">
<frame name="
right" scrolling="auto" src="右のページ.html">
<noframes>
<body>
</body>
</noframes>
</frameset>

</html>


注:「左のページ.html」には <head>〜</head>の中に<base target="right">を 入れる

例:
<head>
<base target="
right">
<title>
左のページ</title>
</head>


戻る