topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-background-rgb-effect.htm / htm



  
  <!-- TWO STEPS TO INSTALL COLOR TABLE:
  
     1.  Paste the designated script into the HEAD of your HTML document
     2.  Add the code into the BODY of your HTML document  -->
                    
  <!-- STEP ONE:  Paste this script into the HEAD of your HTML document -->
  
  <HEAD>
  
  <SCRIPT LANGUAGE="JavaScript">
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  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
  }
  // End -->
  </SCRIPT>
  
  <!-- STEP TWO:  Add this code to the BODY of your HTML document  -->
  
  <BODY>
  
  <CENTER>
  <FORM METHOD="POST" NAME="background">
  <TABLE WIDTH=350 BORDER="3" CELLPADDING="3">
  <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>
  <TABLE WIDTH=350 BORDER="3" CELLPADDING="3">
  <TR><TD><center>Variable Background Color Changer</center></TD>
  </TR>
  </TABLE>
  <TABLE WIDTH=350 BORDER="3" CELLPADDING="3">
  <TR>
  <TD Align=center><INPUT TYPE="button" VALUE="+ Red" ONCLICK="changeBackground2(1)"><P>
  <INPUT TYPE="button" VALUE="- Red" ONCLICK="changeBackground2(4)"></TD>
  <TD Align=center><INPUT TYPE="button" VALUE="+ Green" ONCLICK="changeBackground2(2)"><P>
  <INPUT TYPE="button" VALUE="- Green" ONCLICK="changeBackground2(5)"></TD>
  <TD Align=center><INPUT TYPE="button" VALUE="+ Blue" ONCLICK="changeBackground2(3)"><P>
  <INPUT TYPE="button" VALUE="- Blue" ONCLICK="changeBackground2(6)"></TD>
  </TR>
  </TABLE>
  <TABLE WIDTH=350 BORDER="3" 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><center>
  <font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  3.44 KB  -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.