|
|||||||
|
|
|
 |
|
|
Strumenti |
23-09-2003, 10:48
|
#1 |
|
Senior Member
Iscritto dal: Sep 2002
Città: Moonglow
Messaggi: 863
|
[Javascript] uno style capriccioso
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: Codice:
<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>
Qualsiasi aiuto è ben accetto. Grazie SB |
|
|
|
23-09-2003, 12:52
|
#2 |
|
Member
Iscritto dal: Jul 2003
Città: pisa
Messaggi: 141
|
prova questa soluzione
Codice:
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">
|
|
|
|
|
23-09-2003, 20:53
|
#3 |
|
Senior Member
Iscritto dal: Sep 2002
Città: Moonglow
Messaggi: 863
|
Grazie Pela!
Il tuo codice oltre a funzionare è ancora parecchio + semplice di quello che stavo cercando di scrivere  ... un doppio pregio!
|
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 13:33.
