sábado, 9 de febrero de 2008

Intercalar colores en las filas de una tabla

Funcionamiento:
el truco esta en el condicional embebido en los tags html:
<td class="<?=$color=="color1"?$color="color2":$color="color1";?>">

que "trabaja" a modo de switch intercalando el valor de la variable $color interactuando con la porción de código en CSS

El código en PHP:

<html>
<head>
<style type="text/css">
<!--
body {background-color: #eeeeee;}
td {font-family: arial,verdana;font-size: 14px;}
.color1 {background-color:#dddddd;}
.color2 {background-color:#ffffff;} -->
</style>
</head>
<body>
<table border="1">
<?php
// WEB: HTTP://TALLER-DE-SCRIPTS.BLOGSPOT.COM
$lista[] = "intercalando";
$lista[] = "colores";
$lista[] = "en una tabla";
$color = "color2";// color que se mostrará al principio
foreach ($lista as $key=>$value)
{ ?>
<tr> <td> <?=$key;?> </td> <td class="<?=$color=="color1"?$color="color2":$color="color1";?>">
<?=$value?>
</td></tr>
<? }?>
</table>
</body>
</html>
    
Reacciones:

0 comentarios: