<script language="JavaScript"><!--
function ColorChange(){
p = document.form1.pos.value; //選択ﾘｽﾄから選択された場所を取得
c = document.form1.col.value; //選択ﾘｽﾄから選択された色を取得
if(p=="??"||c=="??"){
window.alert("適用場所と色が選択されてません。両方選択してください。");
}else{
alert(form1.pos.options[form1.pos.options.selectedIndex].text + "を" +
form1.col.options[form1.col.options.selectedIndex].text + "色にします");
if(p=="background")by.style.backgroundColor = c;
if(p=="text")by.style.color = c;
if(p=="box_back")form1.pos.style.backgroundColor = c;
if(p=="box_text")form1.pos.style.color = c;
if(p=="bt_back")form1.bt.style.backgroundColor = c;
if(p=="bt_text")form1.bt.style.color = c;
}
}
//--></script>
</head>
<body id="by">
<form name="form1">
<select name="pos">
<option value="??" selected>(適用する場所は)</option>
<option value="background">ﾍﾟｰｼﾞの背景</option>
<option value="text">ﾍﾟｰｼﾞの文字</option>
<option value="box_back">このﾎﾞｯｸｽの背景</option>
<option value="box_text">このﾎﾞｯｸｽの文字</option>
<option value="bt_back">ﾎﾞﾀﾝの背景</option>
<option value="bt_text">ﾎﾞﾀﾝの文字</option>
</select>
に
<select name="col">
<option value="??" selected>(色を選択)</option>
<option value="white">白</option>
<option value="black">黒</option>
<option value="gray">灰</option>
<option value="red">赤</option>
<option value="green">緑</option>
<option value="blue">青</option>
<option value="yellow">黄</option>
<option value="pink">ﾋﾟﾝｸ</option>
</select>
色を
<input type="button" name="bt" value="適用" onClick="ColorChange()">
します
</form>
end(01/05/13 )