Autor Tema: Problema alternar colores tabla php  (Leído 6922 veces)

0 Usuarios y 3 Visitantes están viendo este tema.

Desconectado ..::EVORA::..

  • Sv Full Member
  • *
  • Mensajes: 724
  • ...
Problema alternar colores tabla php
« : septiembre 10, 2009, 08:53:20 pm »
Buenas gente... nuevamente vengo con un pequeño problema, estoy haciendo un pequeño programa en php con mysql y pues resulta que tengo que mostar unos datos en una tabla, a mi no me gusta usar el borde de las tablas asi que le pongo 0, y para q se mire bien que campo va con que campo le pensaba dar color de fondo y alternar los colores.. bueno me puse a trabajar y mi browser por default es firefox y me tope con que no se me llena de color el fondo de las casillas.. que raro dije, bueno despues lo voy a ver... por error horas mas tarde abri el localhost con chorme y ahi si me llena de color las casillas  :dumb: alguien sabra porque tengo este problema?? pongo las imagenes para que se entienda un poco mas... Saludos





voy a poner el codigo... talves alguien le sirva de guia.. gracias

Código: [Seleccionar]
while($row=mysql_fetch_row($result))
{
if ($colorfila==0)
{
$color= "#EFF5FB";
$colorfila=1;
}else{
$color="#CEE3F6";
$colorfila=0;
}
echo "<tr>";
echo "<td align='center' bgcolor='.$color'>$row[0]</td>";
echo "<td align='center' bgcolor='.$color'>$row[1]</td>";
if($row[3]=="Cargada"){
echo "<td bgcolor='.$color'>$row[2]</td>";
}
else{
echo "<td align='center' bgcolor='.$color'></td>";
echo "<td align='center' bgcolor='.$color'>$row[2]</td>";
}
echo "</tr>";
}
echo "</table>";
« Última Modificación: septiembre 10, 2009, 08:55:15 pm por ..::EVORA::.. »
¤ Y no he visto justo desamparado, ni su simiente que mendigue pan. ¤

Desconectado Ideas

  • Sv Member
  • ***
  • Mensajes: 315
  • Jujuy huyo con mis riguas!!
Re:Problema alternar colores tabla php
« Respuesta #1 : septiembre 10, 2009, 09:19:47 pm »
Seria bueno que pusieras mas codigo o un link de la web, por si las de hule aunque no creo cheka tu version de firefox,  probe un peqeño codigo a ver si era verda y ahi ta el resultado en firefox.

Juass

Desconectado ..::EVORA::..

  • Sv Full Member
  • *
  • Mensajes: 724
  • ...
Re:Problema alternar colores tabla php
« Respuesta #2 : septiembre 10, 2009, 09:27:28 pm »
gracias por tu respuesta... ya no se a que se debe fijate.. estoy trabajando con una css, y probe el codigo asi limpio si nada de css y si funciono :shock: he aqui la prueba con firefox



pero no entiendo xq en el chorme lo pude abrir bien .... aaah no se :ko: qres q t ponga todo el codigo?

¤ Y no he visto justo desamparado, ni su simiente que mendigue pan. ¤

Desconectado Ideas

  • Sv Member
  • ***
  • Mensajes: 315
  • Jujuy huyo con mis riguas!!
Re:Problema alternar colores tabla php
« Respuesta #3 : septiembre 10, 2009, 09:33:20 pm »
yo primero viera si toma de igual forma los valores de la variable $color en mozilla y crome, y tambien si no estoy haciendo conflicto con alguna clase que haya escrito en el css y aveces a mi no me actualiza los cambios hasta que le borro el cache, hay mucho por donde probar.
Juass

Desconectado ..::EVORA::..

  • Sv Full Member
  • *
  • Mensajes: 724
  • ...
Re:Problema alternar colores tabla php
« Respuesta #4 : septiembre 10, 2009, 09:36:03 pm »
yo primero viera si toma de igual forma los valores de la variable $color en mozilla y crome, y tambien si no estoy haciendo conflicto con alguna clase que haya escrito en el css y aveces a mi no me actualiza los cambios hasta que le borro el cache, hay mucho por donde probar.

yo siento que el problema radica ahi por la css, lo que no entiendo es porque lo corrio bien el chorme  x_x voy hacer las pruebas que recomendas, gracias... seguire a la espera de mas info  :phew:
¤ Y no he visto justo desamparado, ni su simiente que mendigue pan. ¤

Desconectado ..::EVORA::..

  • Sv Full Member
  • *
  • Mensajes: 724
  • ...
Re:Problema alternar colores tabla php
« Respuesta #5 : septiembre 10, 2009, 09:59:33 pm »
Ya lo arregle!! XD... pero la verdad no entiendo la solución  :dumb: aqui mi compañero ideas puso una imagen de su prueba



y puso un punto "." antes de poner la variable del color en el bgcolor y yo tenia entendido que al combinar html con php tenias q poner ese punto para concatenar las cosas... probando probando, se lo quite



y funciono en firefox, lo extraño es xq en el chorme nunca dio problemas??  :dumb: algun guru que me explique este problema... gracias



¤ Y no he visto justo desamparado, ni su simiente que mendigue pan. ¤

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re:Problema alternar colores tabla php
« Respuesta #6 : septiembre 11, 2009, 03:03:26 am »
Solo dos cosas:

Código: [Seleccionar]
echo "<td align='center' bgcolor='.$color'>$row[2]</td>";

Sería mejor como:
Código: [Seleccionar]
echo '<td class="centrado FilaTipo'.$colorfila.'">$row[2]</td>';

Y en tu CSS:

Código: [Seleccionar]
.centrado
{
text-align:center;
}

.FilaTipo0
{
background-color:#FFF;
}


.FilaTipo1
{
background-color:#000;
}

Otra cosa, no se porque sucede en Firefox pero parece que el cache es un poco mas agresivo cuando se trata de una dirección local (localhost para el caso), asi que si ves que un estilo no se esta aplicando bien, lo primero es vaciar el cache de Firefox y recargar la pagina con CTRL+R.

PD: FireBug te ayudará mucho también.

Desconectado John Stark!

  • Sv Full Member
  • *
  • Mensajes: 906
  • I survived my first match, with only 2 broken ribs
Re:Problema alternar colores tabla php
« Respuesta #7 : septiembre 11, 2009, 08:23:44 am »
Viejo, fijate que yo lo manejo con CSS , lo hago de la siguiente manera, talvez te pueda servir:

Código: [Seleccionar]
while($clientes=$result->fetch_assoc()){
$i++;
if ($i%2==0){
echo '<tr class="par">
       <td>'.$clientes['nombre'].'</td>
   <td>'.$clientes['direccion'].'</td>
       <td>'.$clientes['contacto'].'</td>
   <td>'.$clientes['telefono'].'</td>
</tr>';
}
else{
echo '<tr class="impar">
       <td>'.$clientes['nombre'].'</td>
   <td>'.$clientes['direccion'].'</td>
       <td>'.$clientes['contacto'].'</td>
   <td>'.$clientes['telefono'].'</td>
</tr>';
}
}

Y en el CSS
Código: [Seleccionar]
tr.par{
background: #cee1e8;
}
tr.impar{
background: #c1c3c6;
}

O si queres lo podes hacer usando YUI (Yahoo User Interface)


Desconectado ..::EVORA::..

  • Sv Full Member
  • *
  • Mensajes: 724
  • ...
Re:Problema alternar colores tabla php
« Respuesta #8 : septiembre 11, 2009, 02:20:40 pm »
Solo dos cosas:

Código: [Seleccionar]
echo "<td align='center' bgcolor='.$color'>$row[2]</td>";

Sería mejor como:
Código: [Seleccionar]
echo '<td class="centrado FilaTipo'.$colorfila.'">$row[2]</td>';

Y en tu CSS:

Código: [Seleccionar]
.centrado
{
text-align:center;
}

.FilaTipo0
{
background-color:#FFF;
}


.FilaTipo1
{
background-color:#000;
}

Otra cosa, no se porque sucede en Firefox pero parece que el cache es un poco mas agresivo cuando se trata de una dirección local (localhost para el caso), asi que si ves que un estilo no se esta aplicando bien, lo primero es vaciar el cache de Firefox y recargar la pagina con CTRL+R.

PD: FireBug te ayudará mucho también.

si extraño, yo tenia entendido que tiene que ir los puntos para que no de error pero funciona a la perfección.. si ya me tope con bastante errores del cache en firefox, vere mas info acerca del firebug, tratare de trabajarlo directamente en la css...

Citar
Viejo, fijate que yo lo manejo con CSS , lo hago de la siguiente manera, talvez te pueda servir:

Código: [Seleccionar]
while($clientes=$result->fetch_assoc()){
      $i++;
      if ($i%2==0){
      echo '<tr class="par">
               <td>'.$clientes['nombre'].'</td>
            <td>'.$clientes['direccion'].'</td>
               <td>'.$clientes['contacto'].'</td>
            <td>'.$clientes['telefono'].'</td>
         </tr>';
      }
      else{
      echo '<tr class="impar">
               <td>'.$clientes['nombre'].'</td>
            <td>'.$clientes['direccion'].'</td>
               <td>'.$clientes['contacto'].'</td>
            <td>'.$clientes['telefono'].'</td>
         </tr>';
      }
   }

Y en el CSS
Código: [Seleccionar]
tr.par{
background: #cee1e8;
}
tr.impar{
background: #c1c3c6;
}

O si queres lo podes hacer usando YUI (Yahoo User Interface)

gracias por las respuestas.. normalmente trabajo la css solo como plantilla, nunca me he puesto a retocar con todo la css, pero voy hacer asi como me dicen y les cuento... gracias  :thumbsup:
¤ Y no he visto justo desamparado, ni su simiente que mendigue pan. ¤