ユーザーによる背景色の選択

ユーザーによる背景色の選択
※下記ボタンを押すと背景色が変わります。
■<head>〜</head>内に下記を貼り付けてください。
<script language="JavaScript">
<!--
function changeColor(num){
if(num==0){
document.bgColor="white";
}else if(num==1){
document.bgColor="yellow";
}else if(num==2){
document.bgColor="red";
}else if(num==3){
document.bgColor="blue";
}
}
// -->
</script>
■<body>〜</body>内に下記を貼り付けてください。
<form>
<font color="#ff0000">※下記ボタンを押すと背景色が変わります。</font>
<table cellpadding="1" cellspacing="5">
<tr>
<td bgcolor="#CCCCCC"><input type="button" value="赤" onclick="changeColor(2)"></td>
<td bgcolor="#CCCCCC"><input type="button" value="青" onclick="changeColor(3)"></td>
<td bgcolor="#CCCCCC"><input type="button" value="黄" onclick="changeColor(1)"></td>
<td nowrap bgcolor="#CCCCCC"><input type="button" value="白" onclick="changeColor(0)"></td>
</tr>
</table>
</form>
【POINT】JavaScriptを使う場合、目的のブラウザで動作するかを必ず確かめてから使用して下さい。確認方法は「IEテスター」というフリーソフトを使用すると、IE5.5／IE6／IE7／IE8の動作を同時に確認することができます。また需要が多いブラウザ（FireFox／Opera／Sleipnir／Lunascape／KIKI etc）での動作確認も忘れずに行って下さい。