Righe tabella a colori alternati

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Questa funzione varrà per tutte le tabelle del documento
HTML:
<table width="400" border="1">
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
</table>
<script type="text/javascript">
    // recupero tutte le tr del documento
    var tr = document.getElementsByTagName("tr");
    // le ciclo
    for(var i in tr){
        // in base all'indice dell'elemento imposto il colore
        tr[i].style.backgroundColor  = (i%2 == 0)? "" : "#E4E4E4";      
    }
</script>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Non avevo testato bene:
il codice non funzionava, lo riposto funzionante
HTML:
<table width="400" border="1">
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
</table>
<script type="text/javascript">
    // recupero tutte le tr del documento
    var tr = document.getElementsByTagName("tr");
    // le ciclo
    for(var i = 0; i < tr.length; i++){
        alert(i);
        // in base all'indice dell'elemento imposto il colore
        tr[i].style.backgroundColor  = (i%2 == 0)? "" : "#E4E4E4";      
    }
</script>
Ho dovuto cambiare il ciclo : la sintassi
Codice:
for(var i in tr){
estraeva elementi in più oltre le tr e lo script andava in errore
per ora ignoro il motivo ma prima o poi ci tornerò sopra
 
Discussioni simili
Autore Titolo Forum Risposte Data
GraceHawk ACCESS e VBA: scorrere le righe e le colonne di una tabella? MS Access 3
C [RISOLTO][PHP] Conteggio righe di una tabella PHP 4
L [PHP] selezionare righe di una tabella con le checkbox e cancellarle PHP 2
F Righe di una tabella a comparsa con click Javascript 11
C Colorare righe tabella tramite condizione Java 5
9 eliminare righe di una tabella con form html PHP 6
neo996sps [PHP + MySQL] Tabella 5 colonne per N righe con un record per cella PHP 3
P Tabella Dinamica in javascript (aggiungere righe con textinput) Javascript 1
L Tabella a righe alternate PHP 4
M Popolare una tabella con numero righe e colonne prefissate PHP 6
W [Aiuto PHP Mysql] Script visualizzare a video righe di tabella mysql PHP 2
P Unire celle e righe in tabella HTML e CSS 0
G Intercettare le righe di una tabella taggate con "id" Javascript 2
G selezione progressiva delle righe di una tabella Javascript 11
neo996sps Ripetere intestazione tabella ogni N righe PHP 3
V Aggiungere gruppo righe a tabella Ajax 0
U Problema con eliminazione righe dalla tabella del database PHP 1
Z Conteggi BOX per ogni 5 righe PHP 1
M [Photoshop] problema di sfumatura a righe Photoshop 1
gandalf1959 [PHP] Inserimento di più righe non funziona come mi aspetto... PHP 2
I Allineare due righe di testo in photoshop Photoshop 2
C [PHP] rimuovere righe duplicate in un array multidimensionale PHP 1
elpirata [PHP] Stampare i valori di una variabile scritta su più righe PHP 1
A [PHP] Visualizzazione righe (a capo) file .txt PHP 2
trattorino [Javascript] [PHP] due righe su sorgente html Javascript 3
fabryx [PHP]RISOLTO: Trasformare righe in colonne assegnando singole variabili PHP 10
asevenx [Javascript] aggiungere righe con select da database e calcolo sconto in automatico Javascript 0
A Cancellare righe vuote in mysql Database 4
M Lists li su 2 righe HTML e CSS 1
T php e mysql - visualizzare righe in colonna PHP 4
T Righe in colonna MySQL 1
P problema: righe verticali HTML e CSS 10
F Contare le righe con php ad oggetti MySQL 0
asevenx Contare numero di righe in un form dinamico Javascript 5
D salvare righe dinamicamente PHP 3
F Miglior metodo per contare le righe di una query MySQL 2
E messaggio di conferma dopo inserimento/modifica/cancellazione righe db PHP 10
F Due righe da fricfrac Presentati al Forum 1
max_400 Cancellare le prime 3 righe di un file PHP 4
JackIlPazzo Inserire array in più righe PHP 9
A individuazione righe e colonne XML 0
IImanuII Cancellare righe doppie e ciclo. PHP 2
elpirata Creazione dinamica righe form Javascript 1
elpirata Generazione dinamica righe form con php PHP 2
K spegazione su queste righe di codice PHP 2
Shyson Stampa ne DB moltissime righe MySQL 0
V [risolto] Aggiungere righe dinamicamente ad una textarea Javascript 4
G Form con aggiunta righe PHP 3
C Sostituire molte righe di codice PHP 2
D Funzionalità gps righe comando urgente Sviluppo app per Android 1

Discussioni simili