Foros del Web » Programando para Internet » PHP »

Tablas estilo cebra sin CSS ni Javascrip ni jvqery

Estas en el tema de Tablas estilo cebra sin CSS ni Javascrip ni jvqery en el foro de PHP en Foros del Web. Saludos, estuve buscando como mostrar una tabla retornada de una consulta al estilo cebra (de esas en las que el registro siguiente tiene un fondo ...
  #1 (permalink)  
Antiguo 04/12/2012, 11:56
Avatar de LuaToto  
Fecha de Ingreso: octubre-2012
Ubicación: Veracruz
Mensajes: 26
Antigüedad: 11 años, 6 meses
Puntos: 0
Tablas estilo cebra sin CSS ni Javascrip ni jvqery

Saludos, estuve buscando como mostrar una tabla retornada de una consulta al estilo cebra (de esas en las que el registro siguiente tiene un fondo que difiere al anterior

Encontre como hacerlo con CSS, con Javascript, con jquery, pero no encontraba la manera de hacerlo con PHP puro.

despues de mucho "prueba y error", les pongo aqui el resultado. si les sirve, diganlo y si no, tambien.

Código PHP:
echo"<table border='1' cellpadding='0' cellspacing='0'  bordercolor='#666666'>";
echo
"<tr bgcolor='#999999'><td>&nbsp0&nbsp</td><td>&nbspNOMBRE Y TIPO&nbsp</td><td>&nbspQUIEN Y CUANDO&nbsp</td><td>&nbspESTATUS&nbsp</td></tr>";
    for(
$i=0;$i<=($row mysql_fetch_array($buscador));$i++){  
        if (
$i == 0)
            {
$colorin="bgcolor='#cccccc'";}//aqui se asigna el color de fondo
        
else
            {
$colorin="bgcolor='#ffffff'";}//aqui se asigna el 2do color de fondo
        
echo "<tr ".$colorin.">";//aqui es donde se aplica el color de fondo
                
echo"<td align='center' border='0'>--></td><td>&nbsp<b>",$row["Nombre_obra"],"</b> de tipo <b>",$row["Tipo_obra"],"</b><br>&nbspId->[",$row["Id"],"]&nbsp&nbsp&nbspCoordenadas->[x=",$row["Este"]," y=",$row["Norte"],"]</td><td>&nbsp","Fue ",$row["Arqueologo_supervisor1"],", el dia ",$row["F_Inspeccion"],"</td><td ".$colorin.">&nbsp",$row["Estatus_Obra"],"</td></tr>";
            }
echo
"</table><br>Fin de la busqueda"
Buen Karma pa todos
  #2 (permalink)  
Antiguo 04/12/2012, 11:59
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Tablas estilo cebra sin CSS ni Javascrip ni jvqery

sí, con PHP estableces quienes son las pares e impares, pero al final es con CSS o HTML que logras aplicar el color, y la propiedad que usas está obsoleta, recomiendo usar CSS:

Código PHP:
Ver original
  1. $colorin="style='background-color: #cccccc;'";
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 04/12/2012, 12:04
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Tablas estilo cebra sin CSS ni Javascrip ni jvqery

Si CSS se ocupa de darle estilo a los elementos, no sé qué habrá de malo en hacerlo con CSS.

Sobre todo pudiendo hacer algo tan simple como:
Código CSS:
Ver original
  1. .algo { background: #ffffff }
  2. .algo:nth-child(2n+1) { background: #cccccc }
  #4 (permalink)  
Antiguo 05/12/2012, 11:10
Avatar de LuaToto  
Fecha de Ingreso: octubre-2012
Ubicación: Veracruz
Mensajes: 26
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Tablas estilo cebra sin CSS ni Javascrip ni jvqery

Ni hablar!! a cada quien su estilo

Etiquetas: css, estilo, mysql, registro, tabla, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:52.