Menù

Top 5

Righe tabella a colori alternati

Questa funzione varrà per tutte le tabelle del documento

La tabella html

<table width="400" border="1">
    <tr><td>- </td><td>- </td><td>- </td></tr>
    <tr><td>- </td><td>- </td><td>- </td></tr>
    <tr><td>- </td><td>- </td><td>- </td></tr>
    <tr><td>- </td><td>- </td><td>- </td></tr>
    <tr><td>- </td><td>- </td><td>- </td></tr>
    <tr><td>- </td><td>- </td><td>- </td></tr>
</table>

La funzione javascript

<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>

  • 01/02/2025 22:29

criric

Mi sono appassionato di programmazione web a 34 anni, un pò tardi, da allora però non perdo mai occasione per imparare qualcosa di nuovo in questi campi.

Javascript - Html - Css - Php - Mysql

Inserisci un commento

Codice antispam

Categorie

Comunicazioni

Puoi utilizzare questo modulo per qualsiati tipo di segnalazione.

Codice antispam

 

I dati di questo modulo non verranno pubblicati.