<!--これが 本体で フレームの「top」から「top/leftright」を 総括コントロールする(色は16進式)-->
<!--単独で 動作させると「エラー表示」が 出ますので 必ず フレームと組合せてね-->
<script language="javascript">
function color01(){
document.bgColor="#
FFFFFF";
parent.
right.document.bgColor="#FFFFFF";
parent.
left.document.bgColor="#FFFFFF";
}
function color02(){
document.bgColor="#
7B68EE";
parent.
right.document.bgColor="#7B68EE";
parent.
left.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 rows="
120,*">
<frame name="
top" scrolling="auto" target="left" src="上のページ.html">
<frameset cols="
200,*">
<frame name="
left" target="right" scrolling="auto" src="左のページ.html">
<frame name="
right" scrolling="auto" src="右のページ.html">
</frameset>
<noframes>
<body>
</body>
</noframes>
</frameset>

</html>


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

例:
<head>
<base target="
left">
<title>
上のページ</title>
</head>


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

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


戻る