INTERNET EXPLORER? Ti consiglio di navigare questo sito con Mozilla Firefox oppure con Google Chrome.

Un Array in celle di colori alternati con Javascript

Autore: Luca Ruggiero | Tell a Friend

Corso Java
Impara a programmare col linguaggio OOP della Sun.

Corso Javascript e DHTML
Impara a creare controlli ed animazioni!

Corso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML.

Grazie ad una semplice condizione in base all'operatore modulo di Javascript possiamo impostare in una variabile un colore piuttosto che un altro e colorarvi le celle di una tabella all'interno di un ciclo. Il codice che segue è abbastanza esplicativo:

var i = 1;
var x = 0;
var colore;

var disney = new Array(
    "Pippo",
    "Pluto",
    "Paperino",
    "Topolino",
    "Minnie",
    "Zio Paperone",
    "Qui",
    "Quo",
    "Qua"
);

with (document)
{
    write("<table width='100%' border='1'>");

    for (i=1; i<disney.length+1; i++)
    {
        if (x %2 == 0)
        {
            colore = "FFFFFF";
        }
        else
        {
            colore = "EEEEEE";
        }

        write("<tr><td bgcolor='#" + colore + "'># " + i + " - " + disney[i-1] + "</td></tr>");

        x++;
    }

    write("</table>");
}

IN EVIDENZA
HOT LINKS