<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>backgound adjustment by using
buttons</title>
<script language="javascript">
function color(frm, clr, val) {
v = eval("0x" + frm[clr].value) + val;
if (v < 0 || v > 255) v -= val;
v = v.toString(16).toUpperCase();
while (v.length < 2) v = "0" + v;
frm[clr].value = v; nc = "";
for(i = 1; i < 8; i += 3) nc += frm.elements[i].value;
document.bgColor = nc;
}
function setval(item) {
v = prompt("New value for " + item.name + " (00
- FF)", item.value);
if (v) {
v = eval("0x" + v);
if ((v & 255) == v) {
item.value=v.toString(16).toUpperCase();
while (item.value.length < 2) item.value = "0"
+ item.value;
color(document.f, item.name, 0);
}
}
}
</script>
</head>
<body>
<center>
<h3>Background adjustment by using buttons via red,
green, blue color and the (‘>’and ‘<’)</h3>
<form name=f>
<table border=1>
<tr>
<td colspan=3 align=center
bgcolor="red">RED</td>
<td colspan=3 align=center
bgcolor="green">GREEN</td>
<td colspan=3 align=center
bgcolor="blue">BLUE</td>
</tr>
<tr>
<td><input type=button name=rm
value="<" onclick = "color(this.form, 'Red' ,
-1);"></td>
<td><input type=button name=Red
value="AF" onclick = "setval(this);"></td>
<td><input type=button name=rp
value=">" onclick = "color(this.form, 'Red',
1);"></td>
<td><input type=button name=gm
value="<" onclick = "color(this.form, 'Green',
-1);"></td>
<td><input type=button name=Green
value="BF" onclick = "setval(this);"></td>
<td><input type=button name=gp
value=">" onclick = "color(this.form, 'Green',
1);"></td>
<td><input type=button name=bm
value="<" onclick = "color(this.form, 'Blue',
-1);"></td>
<td><input type=button name=Blue
value="CF" onclick = "setval(this);"></td>
<td><input type=button name=bp
value=">" onclick = "color(this.form, 'Blue',
1);"></td>
</tr>
</table>
</form>
</center>
</body>
</html>
