[Javascript] uno style capriccioso [Archivio]

Spider Baby

23-09-2003, 09:48

Probabilmente sono OT qui... ma non so più cosa fare. Anzi se mi suggerite un Forum + appropriato apprezzo! (già provato html.it e termininformatici).

Devo realizzare uno script con questo compito: prendere le celle di una tabella (solo di quella però) e cambiarne il colore una a una, e a ogni cella schiarire il colore rispetto alla precedente.
In sostanza:

-prendi le celle tramite Class
-definisci il colore iniziale
-cambia il colore della prima cella
-schiarisci il colore
-ricomincia

Alla fine dovrebbe assomigliare a questo:

<script language="JavaScript1.2" type="text/javascript">
function cambiargbPro() {
var r=00;
var g=00;
var b=102;

if(document.getElementsByClassName) {
for(i=0; i < document.getElementsByClassName("cella").length; i++){
x="rgb(00,00,"+b+")";
document.getElementsByClassName("cella")[i].style.backgroundcolor=x;
b=b+10;
}
}
}
</script>

....................

<body onLoad="cambiargbPro()">

....................

<td class="cella">prova</td>

Nel browser non dà errori, ma semplicemente non funziona (le celle restano bianche).
Qualsiasi aiuto è ben accetto.
Grazie

SB

pela

23-09-2003, 11:52

prova questa soluzione

function cambiargbPro(){
var b=102;
var tab=document.getElementById("tabella");
var cel=tab.getElementsByTagName("td");
for(i=0;i<cel.length;i++) {
var rgb="rgb(0,0," + b + ")";
cel[i].style.backgroundColor=rgb;
b+=10;
}
}

<body onLoad="cambiargbPro()">

<table id="tabella">

questa cambia colore a tutte le celle della tabella

Spider Baby

23-09-2003, 19:53

Grazie Pela!
Il tuo codice oltre a funzionare è ancora parecchio + semplice di quello che stavo cercando di scrivere :doh: ... un doppio pregio!