Color Buttons Advanced

Background Color

Source Code

prefix="#"
rnum1=0
bnum1=0
gnum1=0
rnum2=0
bnum2=0
gnum2=0

hexNumber2="#000000";

rcount=0;
bcount=0;
gcount=0;

function num2hex(num) {
         if (num==15) return "f";
         else if (num==14) return "e";
         else if (num==13) return "d";
         else if (num==12) return "c";
         else if (num==11) return "b";
         else if (num==10) return "a";
         else if (num==9) return "9";
         else if (num==8) return "8";
         else if (num==7) return "7";
         else if (num==6) return "6";
         else if (num==5) return "5";
         else if (num==4) return "4";
         else if (num==3) return "3";
         else if (num==2) return "2";
         else if (num==1) return "1";
         else return "0";
}

function changeBackground2(number){

if(number == 1)
 {
 rnum1=rcount%16;
 if (rcount <15){
 rcount=rcount+1;
 }
}

if(number == 2){
 gnum1=gcount%16;
 if (gcount <15){
 gcount=gcount+1;
 }
}

if(number == 3){
 bnum1=bcount%16;
 if (bcount <15){
 bcount=bcount+1;
 }
}

if(number == 4)
 {rnum1=rcount%16;
 if (rcount > 0){
 rcount=rcount-1;
 }
}

if(number == 5){
 gnum1=gcount%16;
 if (gcount > 0){
 gcount=gcount-1;
}

}

if(number == 6){
 bnum1=bcount%16;
 if (bcount > 0){
  bcount=bcount-1;
 }
}

hexNumber2 = prefix+num2hex(rnum1)+num2hex(rnum2)+num2hex(gnum1)+num2hex(gnum2)+num2hex(bnum1)+num2hex(bnum2);

document.bgColor=hexNumber2
}
// -->
						</script>
						<form method="POST" name="background">
						<table border="0" cellpadding="3">
							<tr>
								<td align="center" colspan="6" bgcolor="#ffff80"><font face="Geneva,Arial,Helvetica"><b>Background Color Changer</b></font></td>
							</tr>
							<tr>
								<td align="center"><input type="button" value="red" onclick="changeBackground('#FF0000')"></td>
								<td align="center"><input type="button" value="green" onclick="changeBackground('#00FF00')"></td>
								<td align="center"><input type="button" value="blue" onclick="changeBackground('#0000FF')"></td>
								<td align="center"><input type="button" value="white" onclick="changeBackground('#FFFFFF')"></td>
								<td align="center"><input type="button" value="black" onclick="changeBackground('#000000')"></td>
								<td align="center"><input type="button" value="grey" onclick="changeBackground('#C0C0C0')"></td>
							</tr>
						</table><br>
						<table border="0" cellpadding="3">
							<tr>
								<td align="center" colspan="3" bgcolor="#ffff80"><font face="Geneva,Arial,Helvetica"><b>Variable Background Color Changer</b></font></td>
							</tr>
							<tr>
								<td align="center"><input type="button" value="Increase Red" onclick="changeBackground2(1)"></td>
								<td align="center"><input type="button" value="Increase Green" onclick="changeBackground2(2)"></td>
								<td align="center"><input type="button" value="Increase Blue" onclick="changeBackground2(3)"></td>
							</tr>
							<tr align="center">
								<td><input type="button" value="Decrease Red" onclick="changeBackground2(4)"></td>
								<td align="center"><input type="button" value="Decrease Green" onclick="changeBackground2(5)"></td>
								<td align="center"><input type="button" value="Decrease Blue" onclick="changeBackground2(6)"></td>
							</tr>
							<tr>
								<td align="center" colspan="3"><font face="Geneva,Arial,Helvetica" size="2">Keep pressing buttons increase color<br>
									The color will start as black</font></td>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td></td>
							</tr>