AceJS.com > Script number: 111011

The Script

The Source

<HTML>
<HEAD><TITLE>Free Scripts And Tools For Webmasters @ www.AceJS.com</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function changeBackground(hexNumber) {
document.bgColor=hexNumber
}
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>
<CENTER>
<FORM METHOD="POST" NAME="background">
<TABLE WIDTH=350 BORDER="1" CELLPADDING="3">
<TR>
<TD Align=center><INPUT TYPE="button" VALUE="Red" ONCLICK="changeBackground('#FF0000')" style="background:#FF0000; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#FFFFFF;"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Green" ONCLICK="changeBackground('#00FF00')" style="background:#00FF00; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#000000;"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Blue" ONCLICK="changeBackground('#0000FF')" style="background:#0000FF; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#FFFFFF;"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="White" ONCLICK="changeBackground('#FFFFFF')" style="background:#FFFFFF; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#000000;"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Black" ONCLICK="changeBackground('#000000')" style="background:#000000; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#FFFFFF;"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Grey" ONCLICK="changeBackground('#C0C0C0')" style="background:#C0C0C0; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#000000;"></TD>
</TR>
</TABLE>
<TABLE WIDTH=483 BORDER="1" CELLPADDING="3">
<TR><TD><center>Variable Background Color Changer</center></TD>
</TR>
</TABLE>
<TABLE WIDTH=483 BORDER="1" CELLPADDING="3">
<TR>
<TD Align=center><INPUT TYPE="button" VALUE="+ Red" style="background:#FF0000; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#FFFFFF;" ONCLICK="changeBackground2(1)"><P>
<INPUT TYPE="button" style="background:#FF0000; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#FFFFFF;" VALUE="- Red" ONCLICK="changeBackground2(4)"></TD>
<TD Align=center><INPUT TYPE="button" style="background:#00FF00; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#000000;" VALUE="+ Green" ONCLICK="changeBackground2(2)"><P>
<INPUT TYPE="button" VALUE="- Green" style="background:#00FF00; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#000000;" ONCLICK="changeBackground2(5)"></TD>
<TD Align=center><INPUT TYPE="button" style="background:#0000FF; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#FFFFFF;" VALUE="+ Blue" ONCLICK="changeBackground2(3)"><P>
<INPUT TYPE="button" VALUE="- Blue" style="background:#0000FF; border-style:solid; width:70px; border-width:2; border-color:#3333FF; font-size:8pt; color:#FFFFFF;" ONCLICK="changeBackground2(6)"></TD>
</TR>
</TABLE>
<TABLE WIDTH=483 BORDER="1" CELLPADDING="3">
<TR>
<TD><center>Keep pressing buttons to change color<BR>
(The color will start as black)</center></TD>
</TR>
</TABLE>
</FORM>
</CENTER>
<P>
<B><A HREF="http://www.AceJS.com">AceJS.com</A> The JavaScript Directory</B>
</BODY>
</HTML>