JavaScript

System Info
Clocks
Equalizer
Text in the Form
Background Color
Goodbye Pop-up
MultiLink
Window's Size
MultiLink-II

DHTML


Books

Russian | Main Page


Useful links:









Equalizer | Description

If you want to use any of this examples, please put a link to our site.
Here you can find HTML-code for such link.

<html>
<head>
<script language="JavaScript">
<!--
color=new Array();
color[0]="green.gif";
color[1]="green.gif";
color[2]="green.gif";
color[3]="green.gif";
color[4]="green.gif";
color[5]="green.gif";
color[6]="green.gif";
color[7]="green.gif";
color[8]="green.gif";
color[9]="green.gif";

h=new Array();
for(var i=0;i<10;i++)
  h[i]=-1;

function d_rand()
{
  for(var i=0;i<10;i++)
  {
    var h_old=h[i];
    var sgn=1;
    var rndm=0;
    if(h[i]==-1)
    {
      h[i]= Math.floor(Math.random()*10)
      h_old=9;
    }
    else
    {
      rndm=Math.floor(Math.random()*3);
      sgn=Math.floor(Math.random()*2);
      if(sgn==0)
      {
        var h_old=h[i]
        h[i]+=rndm;
        if(h[i]>9) 
          h[i]=9;
      }
      else
      {
        var h_old=h[i]
        h[i]-=rndm;
        if(h[i]<0) 
          h[i]=0;
      }
    }
    if(sgn==0)
    {
      for(var j=h_old;j<=h[i];j++)
        document.images[i+j*10].src = "black.gif";          
    }
    else
    {
      for(var j=h_old;j>=h[i];j--)
        document.images[i+j*10].src = color[i];          
    }

  }    
  timerId=setTimeout("d_rand()",70)
}
//-->
</script>
<title>www.redmount.com - JavaScript - Equalizer</title>
</head>

<body bgcolor="Black" leftmargin=30 text="White" marginwidth=30 vlink=silver>

<table border="0" cellspacing="0" cellpadding="1" >
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<tr> 
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
<td><img src="black.gif" width=20 height=10></td>
</table><br>

<form name=diagram>
<input name=random type=button value="Play >" onClick="d_rand()">
</form>

</body>
</html>