Como alternar colores en una tabla fácilmente

La manera más simple y corta de alternar colores en una tabla es utilizando un array con los valores de los colores.

El código fuente es:

<html>
<body>

<?php

//- Definimos los colores que queremos que se estén alternando
$colores=array(0=>"yellow", "red","blue");

echo "<table border=1 cellspacing=0 width=200>";

// generamos la tabla de 20 renglones
for($i=0; $i<20; $i++)
{
//elegimos el color
  $color=$colores[$i % count($colores)];
// pintamos el renglón del color elegido
  echo "<tr bgcolor='$color'> <td>".($i+1)."</td> <td align=center> Línea $i </td></tr>";
}
echo "</table>";

?>
</body>
</html>

Y vemos el resultado:

1	Línea 0
2	Línea 1
3	Línea 2
4	Línea 3
5	Línea 4
6	Línea 5
7	Línea 6
8	Línea 7
9	Línea 8
10	Línea 9
11	Línea 10
12	Línea 11
13	Línea 12
14	Línea 13
15	Línea 14
16	Línea 15
17	Línea 16
18	Línea 17
19	Línea 18
20	Línea 19

Observaciones:

La clave es la asignación del array de colores en la línea:

$colores=array(0=>"yellow", "red","blue");

es importante asegurarse de que el primer valor comience con el subíndice cero, y podemos tener 2, 3 o incluso 10 colores definidos de cualquiera de las notaciones aceptadas por HTML, por ejemplo:

$colores=array(0=>"#ffffcc", "red", "#AA6677");

La seleccion del color se hace en la línea:

$color=$colores[$i % count($colores)];

donde el operador de módulo (%) nos devolverá valores alternados entre cero y el total del array [count($colores)] menos 1. En el caso del ejemplo, entre 0 y 2 (0,1,2,0,1,2,0,1,2,...)

Hay 1 comentarios sobre este tema por parte de los lectores

Haz un comentario sobre este tema

Nombre

email (no se muestra)

comentario:

Escribe las 2 letras que ves aqu�:

ElTicus.com

Programación, lenguajes y recursos para programadores

Como alternar colores en una tabla fácilmente

Y vemos el resultado:

Observaciones:

Hay 1 comentarios sobre este tema por parte de los lectores

Comentarios de parte de los lectores: