Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Righe di tabelle con colori alternati

Un semplice script per avere automaticamente righe di tabelle con colori alternati
Un semplice script per avere automaticamente righe di tabelle con colori alternati
Link copiato negli appunti

Ogni tanto qualche amico mi chiede consulenze del tipo "Come faccio a....?" e quasi sempre sbrigo la cosa nel modo più veloce possibile: ricerca su Google e invio del link. Potrebbe venirne fuori una specie di rubrica. La domanda di ieri era: "Come posso creare automaticamente righe di tabelle con colori alternati con i CSS?". Google mi ha portato qui.

Ecco le poche righe di codice Javascript necessarie per realizzare una cosa come questa:


<script type="text/javascript">
window.onload = colorRows;
function colorRows() {
       var myTR = document.getElementsByTagName('tr');
       for (var i=0;i<myTR.length;i++) {
               if (i%2) {
                       myTR[i].className = 'rowTint';
               }
       }
}
</script>

Assegna alle righe dispari la classe 'rowTint'. Basta definirne le regole nel CSS ed il gioco è fatto:


.rowTint {background: #ccc}

Ti consigliamo anche