Keret, vagy háttérszín, változása

Változó keretszín.
Villogó keret,
a táblázat külső kerete,
és nem a celláké.

Első cella.
Villogó keret a táblázat küső kerete és nem a celláké.

Második cella.
Villogó keret a táblázat külső kerete és nem a celláké.

Egyes TD cella	Kettes TD cella
Hármas TD cella	Négyes TD cella
Ötös TD cella	Hatos TD cella

Program megírása, xhtml - fájlban:

<body>

<script language="JavaScript"  type="text/javascript"  src="java-fájl-neve.js"> </script>

<table id="szinpelda">
<tr>
<td>Változó keretszín. <br>
Villogó keret,<br>
 a táblázat küső kerete,<br> 
 és nem a celláké.
</td>
</tr>
</table>

<table id="szinpelda002">
<tr>
<td class="elsocella">Első cella. <br>
Villogó keret a táblázat küső kerete és nem a celláké.
</td>
<td class="masodikcella">Második cella. <br>
Villogó keret a táblázat küső kerete és nem a celláké.
</td>
</tr>
</table>

<table id="szinpelda003">
<tr>
<td> Egyes <br />TD cella </td> <td>Kettes <br />TD cella</td>
</tr>
<tr>
<td>Hármas<br />TD cella </td><td>Négyes<br />TD cella</td>
</tr>
<tr>
<td>Ötös<br />TD cella</td><td> Hatos<br />TD cella</td>
</tr>
</table>

</body>

Program megírása, CSS - fájlban:

/*Első táblázat /*
#szinpelda {width: 290px; border: 2px solid blue;}

/*Második táblázat */
#szinpelda002 {clear: left; width: 580px; margin-top: 25px; margin-left: 125px; border: 5px dotted green;}
#szinpelda002 td{border: 2px solid #fff;}
.elsocella{background-color: #cc3; }
.masodikcella{background-color: #cc9; }

/*Harmadik táblázat*/
#szinpelda003 {clear: left; float: right; width: 290px; margin-top: 25px; background-color: aqua;}
#szinpelda003 td{text-align: center; border: 2px solid #fff;}

Program megírása, java (js) - fájlban:

//konfiguráció intervalluma, villogása (1000=1 másodperc)
// Első táblázat: váltó keretszín sárga(yellow) váltási idő=1200

var sebesseg=1200

function valtoszinek()
{   var keretszin=document.getElementById? document.getElementById("szinpelda") : 
    document.all?  document.all.szinpelda : ""

     if (keretszin)
          {     if (keretszin.style.borderColor.indexOf("blue")!=-1)
                    keretszin.style.borderColor="yellow"
                   else
                    keretszin.style.borderColor="blue"
          }
}
setInterval("valtoszinek()", sebesseg)


// Második táblázat: két cellával,  váltási idő=600
// Váltó keretszín: megegyezik a háttérszínnel, ezért nem lesz látható.

var sebesseg=600

function valtoszinek002()
{   var keretszin=document.getElementById? document.getElementById("szinpelda002") : 
    document.all?  document.all.szinpelda002 : ""

     if (keretszin)
          {     if (keretszin.style.borderColor.indexOf("green")!=-1)
                    keretszin.style.borderColor="#ccc"
                   else
                    keretszin.style.borderColor="green"
          }
}
setInterval("valtoszinek002()", sebesseg)


//Harmadik táblázat: váltó háttérszín v-indigókék(#69f),  váltási idő=2000 

var sebesseg=2000

function valtoszinek003()
{   var hatterszin=document.getElementById? document.getElementById("szinpelda003") : 
    document.all?  document.all.szinpelda003 : ""

     if (hatterszin)
          {     if (hatterszin.style.backgroundColor.indexOf("aqua")!=-1)
                    hatterszin.style.backgroundColor="#69f"
                   else
                    hatterszin.style.backgroundColor="aqua"
          }
}
setInterval("valtoszinek003()", sebesseg)