Righe tabella a colori alternati

Discussione in 'Snippet Javascript' iniziata da criric, 15 Settembre 2013.

  1. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    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>
    
     
  2. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    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
     
Sto caricando...

Condividi questa Pagina