»
EnglishFrenchVietnamese

Print - Background Color Changer - JavaScriptBank.com

Full version: jsB@nk » Background » Background Color Changer
URL: https://www.javascriptbank.com/background-color-changer-francis.html

Background Color Changer © JavaScriptBank.comAllows for the fine tuning of the window's background color via red, green, and blue color buttons. Click a button to change the color value manually and click Start button to flash background.

Full version: jsB@nk » Background » Background Color Changer
URL: https://www.javascriptbank.com/background-color-changer-francis.html



JavaScript
<SCRIPT language=Javascript>   <!--/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/   var timerID = null   var timerRunning = false   var pmax=0//set max to the point where user stops.   var aColor=['']//use this array if you want to keep a record of the colors hex values.   var c=0   var max=0;   function init(){     max=parseInt(document.colors.nmb.value)//maximum number of colors to step through if (isNaN(max)){        alert(document.colors.nmb.value+' is not a numerical value')document.colors.nmb.focus()}     else        startup()     }   function stopclock(){        if(timerRunning)         clearTimeout(timerID);      timerRunning = false; }   function startclock(){      stopclock();     }     function startup(){     /*   change the values as need be.    i.e. To see mostly blue set the maximum use:    bb=255 for low red content in color use: rr=parseInt(Math.random()*70) for no green at all in color use: gg=0These can all be switch about as necessary      */      c++  if (c > max)         return (true);  pmax++  rr=parseInt(Math.random()*255)  gg=parseInt(Math.random()*255)  bb=parseInt(Math.random()*255)      document.colors.rr.value=rr  document.colors.gg.value=gg  document.colors.bb.value=bb      setbgcolor(rr,gg,bb,c)      }         function setbgcolor(rr,gg,bb,nIndex){   var xcolor='#'+Hexconv(rr)+Hexconv(gg)+Hexconv(bb)    aColor[nIndex]=xcolor   document.colors.cr.value=xcolor       document.bgColor=xcolor       timerID=setTimeout("startup()",50)       timerRunning = true }   function Hexconv(nValue){      var aHex = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F']      var n =nValue/16  var n_=nValue%16  n=parseInt(n)  n =((n <= 15)  ? aHex[n]  : Hexconv(n))  n_=((n_ <= 15) ? aHex[n_] : Hexconv(n_))      var nhex=n+n_  return(nhex)       }   function Dispcolors(){  // this function is only necessary if you use the array to store the hex values.      var y=0;      if ((pmax/10) >=1){ document.write('<table border=1><tr>')         for (var x=1; x<=pmax; x++){  y=y+1             document.write('<td bgColor="'+aColor[x]+'">'+aColor[x]+'</td>');      if (y == 8){                document.write('</tr><tr>');                y=0              }    }        }      else{       for (var x=1; x<=pmax; x++)             document.write('<td bgColor="'+aColor[x]+'">'+aColor[x]+'</td>') }      document.write('</tr></table>')  document.write('<br><br><small><small>Copyright © 1999, by Demetrius Francis</small></small>');     }   //--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<FORM name=colors><CENTER><TABLE width="30%">  <TBODY>  <TR>    <TD align=right><SPAN       style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Loops:</SPAN></TD>    <TD align=left><INPUT name=nmb size=7></TD></TR>  <TR>    <TD align=right><SPAN       style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Red:</SPAN></TD>    <TD align=left><INPUT name=rr size=7></TD></TR>  <TR>    <TD align=right><SPAN       style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Green:</SPAN></TD>    <TD><INPUT name=gg size=7></TD></TR>  <TR>    <TD align=right><SPAN       style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Blue:</SPAN></TD>    <TD><INPUT name=bb size=7></TD></TR>  <TR>    <TD align=right><SPAN       style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Color:</SPAN></TD>    <TD><INPUT name=cr size=12></TD></TR>  <TR>    <TD align=right><SPAN       style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Choices:</SPAN></TD>    <TD><INPUT name=stop onclick=stopclock() type=button value=Stop!> <INPUT name=start onclick=init() type=button value=Start!> <INPUT name=clear type=reset value=Clear!> <INPUT name=list onclick=Dispcolors() type=button value=List!> </TD></TR>  <TR>    <TD align=left colSpan=2><SPAN       style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left"><BR>1.       Enter the number of colors to generate (loops).<BR>2. Click the Start       button.<BR>3. Click the List button to see results. </SPAN></TD></TR></TBODY></TABLE></CENTER></FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->