darle color a filas de tabla php dependiendo de su valor

Jlopez2014 · #1 (**permalink**) 06/10/2014, 09:20

Hola a todos, tengo una duda, no se como hacer para distinguir filas de una tabla php formada por consulta previa de mi BD mysql con un color diferente. este es mi codigo php con el que formo mi tabla y quisiera saber como distinguir la fila de la fecha festiva o domingo...

Código PHP:

Ver original<?php
$sql="
SELECT entrada.fecha, entrada.horario, entrada.empleado, entrada.proyecto, entrada.encargado, entrada.salida, entrada.novedades, entrada.festivo, entrada.almuerzo
FROM entrada
WHERE entrada.empleado = '".$cedula."' AND  fecha BETWEEN '2014-09-29' AND '2014-10-13'
ORDER BY entrada.fecha";
        $cs=mysql_query($sql,$cn);
        echo"<center><font size=4 color='navy'><strong>DETALLES N&Oacute;MINA</strong></font><br><br>
<table border='4' bordercolor='#0099FF'>
<tr>
<td><font color='navy'><strong>Fecha</strong></font></td>
<td><font color='navy'><strong>Horario Entrada</strong></font></td>
<td><font color='navy'><strong>Horario Salida</strong></font></td>
<td><font color='navy'><strong>Proyecto</strong></font></td>
<td><font color='navy'><strong>Almuerzo</strong></font></td>
<td><font color='navy'><strong>Novedades</strong></font></td>
<td><font color='navy'><strong>Ing. Encargado</strong></font></td>
</tr>";
        while($resul=mysql_fetch_array($cs)){
            $var=$resul[0];
            $var1=$resul[1];
            $var2=$resul[2];
            $var3=$resul[3];
            $var4=$resul[4];
            $var5=$resul[5];
            $var6=$resul[6];
            $var7=$resul[7];
            $var8=$resul[8];
            
            echo "<tr>
<td><input name='txtfecha[]' type='text'  value='$var' size='6'/></td>
<td><input name='txtentrada]' type='text'  value='$var1' size='4'/></td>
<td><input name='txtsalida[]' type='text'  value='$var5' size='4'/></td>
<td><input name='txtproyecto[]' type='text'  value='$var3' size='10'/></td>
<td><input name='txtalmuerzo[]' type='text'  value='$var8' size='1'/></td>
<td><textarea name='txtnovedad[]' type='text'  value='' size='15'>$var6</textarea></td>
<td><input name='txtencargado[]' type='text'  value='$var4' size='5'/></td>
 
 
</tr>";
            }
            
            echo "</table>
</center>";
?>

Y esta es mi BD (entrada), y su estructura:

fecha (date), horario (time), empleado (int 20), proyecto (var 20), encargado (var 50), salida (time), novedades (var 255), festivo (var 2), almuerzo (var 2)...

Gracias por su colaboración de antemano

hhs · #2 (**permalink**) 06/10/2014, 09:23

http://www.textfixer.com/tutorials/c...ating-rows.php

Jlopez2014 · #3 (**permalink**) 06/10/2014, 10:43

Gracias por el aporte compañero, pero no requiero intercalar los colores, sino que las filas de la tabla si son de dia festivo o domingo tengan un color diferente...

hhs · #4 (**permalink**) 06/10/2014, 10:46

Eso ya es css y html. Nada tiene que ver con php

cuasatar · #5 (**permalink**) 06/10/2014, 11:10

Pues para ser mas especifico eso no se resuelve solamente con css como comentan. A partir de javascript puedes manipular el DOM del archivo y darle a la tabla una nueva clase de CSS que se encargue de cambiar el color del dato si es festivo o domingo.

No se si conoces la manipulación del DOM a partir de javascript. Cualquier cosa ya nos comentas.

Jlopez2014 · #6 (**permalink**) 06/10/2014, 14:24

no, no lo conozco, estoy aprendiendo aún muchas cosas y por eso consulto a quienes ya saben...

Jlopez2014 · #7 (**permalink**) 07/10/2014, 14:07

vi un caso similar a este en un post antiguo y basandome en el aplique este codigo pero solo consigo que toda la tabla cambie de color y no una fila en especifico...

Código PHP:

Ver original<?php
$sql="
SELECT entrada.fecha, entrada.horario, entrada.empleado, entrada.proyecto, entrada.encargado, entrada.salida, entrada.novedades, entrada.festivo, entrada.almuerzo
FROM entrada
WHERE entrada.empleado = '".$cedula."' AND  fecha BETWEEN '2014-09-29' AND '2014-10-13'
ORDER BY entrada.fecha";
        $cs=mysql_query($sql,$cn);
        echo"<center><font size=4 color='navy'><strong>DETALLES N&Oacute;MINA</strong></font><br><br>
<table border='4' bordercolor='#0099FF'>
<tr>
<td><font color='navy'><strong>Fecha</strong></font></td>
<td><font color='navy'><strong>Horario Entrada</strong></font></td>
<td><font color='navy'><strong>Horario Salida</strong></font></td>
<td><font color='navy'><strong>Proyecto</strong></font></td>
<td><font color='navy'><strong>Almuerzo</strong></font></td>
<td><font color='navy'><strong>Novedades</strong></font></td>
<td><font color='navy'><strong>Ing. Encargado</strong></font></td>
</tr>";
        while($resul=mysql_fetch_array($cs)){
          $var7 = array(  
        'Si' => '#DD0000',  
        'No' => '#FF00FF'
    ); 
 
            $var=$resul[0];
            $var1=$resul[1];
            $var2=$resul[2];
            $var3=$resul[3];
            $var4=$resul[4];
            $var5=$resul[5];
            $var6=$resul[6];
            $var7=$resul[7];
            $var8=$resul[8];
            
            echo "<tr bgcolor=' ". $var7[$resul['txtfecha']] ."'>
<td><input name='txtfecha[]' type='text'  value='$var' size='6'/></td>
<td><input name='txtentrada]' type='text'  value='$var1' size='4'/></td>
<td><input name='txtsalida[]' type='text'  value='$var5' size='4'/></td>
<td><input name='txtproyecto[]' type='text'  value='$var3' size='10'/></td>
<td><input name='txtalmuerzo[]' type='text'  value='$var8' size='1'/></td>
<td><textarea name='txtnovedad[]' type='text'  value='' size='15'>$var6</textarea></td>
<td><input name='txtencargado[]' type='text'  value='$var4' size='5'/></td>
 
 
</tr>";
            }
            
            echo "</table>
</center>";
?>

jesus1975 · #8 (**permalink**) 07/10/2014, 14:32

Necesitas dos colores, es decir, una fila de un color e ir alternado o necesitas que segun el dato puede haber muchos colores???

Djoaq · #9 (**permalink**) 07/10/2014, 15:37

Mirate la función mysql DAYOFWEEK(date)

Returns the weekday index for date (1 = Sunday, 2 = Monday, …, 7 = Saturday). These index values correspond to the ODBC standard

Cuando construyas la select agrega el campo de fecha as diasemana y en el bucle while metes un if si es 1 o 7 haces un echo del row con un css diferente.
Un saludo !
Suerte!

Jlopez2014 · #10 (**permalink**) 08/10/2014, 13:34

Necesito es diferenciar solamente la fila del dia festivo o domingo de las demás por un color distinto... los demas datos en la tabla no requieren formato o cosa similar a la de los domingos... si en la tabla salen los datos de toda la semana solamente la fila del domingo sea roja mientras las demas por default son azules por decir asi...

gnzsoloyo · #11 (**permalink**) 08/10/2014, 14:20

Creo que la propiedad que buscas sería "bgcolor"...
Un ejemlo que he visto por allí sería:

Código HTML:

Ver original<table border="1" cellpadding="0" cellspacing="0" width="50%">
<tr>
<td width="50%" bgcolor="red"></td>
<td width="50%" bgcolor="blue"></td>
</tr>
<tr>
<td width="50%"></td>
<td width="50%"></td>
</tr>
</table>

No sé si es eso lo que quieres...

HackID1 · #12 (**permalink**) 08/10/2014, 15:03

Para esto pienso que primero tienes que conocer los días festivos de esos años y luego los días que caen los domingos en el calendario. Luego crearte una función que te filtre esas fechas especificas y te las pinte el Fondo (bgColor) de color Rojo como deseas.

Mira esto haber si te ayuda en algo, pero creo que debes crear una función por aparte y luego incluirla en tú código.

Código PHP:

Ver originalfunction domingos_del_mes($mes, $anho){
    
    $fecha1 = strtotime($anho.'-'.$mes.'-01'); 
    $fecha2 = strtotime($anho.'-'.$mes.'-'.date("t",mktime(0,0,0,$mes,1,$anho))); 
    
    for($fecha1;$fecha1<=$fecha2;$fecha1=strtotime('+1 day ' . date('Y-m-d',$fecha1))){ 
        if((strcmp(date('D',$fecha1),'Sun')==0)){
            $do[] = date('Y-m-d',$fecha1);
        }
    }
 
    return $do;
}
 
//recorrer todos los meses del año
for($d=1;$d<=12;$d++){
 
    print_r(domingos_del_mes($d,2012));
 
echo "<hr/>";
}
 
?>

Saludos!

Jlopez2014 · #13 (**permalink**) 09/10/2014, 06:47

Exacto, la propiedad para trabajar es el bgcolor, y lo de la función de identificar los festivos y dias domingos es muy util obviamente comenzaré a ver como aplicarla al código, más yo pensado en no complicar mucho todo en el formulario donde ingreso esos datos, tengo un campo para especificar manualmente si el día es festivo o domingo, y por eso si notan en mi código al principio del post, en mi consulta sql donde extraigo los datos, esta consultado el campo "entrada.festivo" que contiene como valor un "Si" o un "No" donde el "si" se aplica a los dos casos (festivos, domingos) y teniendo en cuenta eso, quiero saber como agregar a mi linea de código que se tome la fila un color diferente si en los datos consultados aparece un "Si" en entrada.festivo... y si es lo contrario no pasa nada... Gracias por sus aportes, estoy viendo igual acá como aaplicar, les comunico cualquier cosa

cuasatar · #14 (**permalink**) 09/10/2014, 06:59

La etiqueta bgcolor se considera ya obsoleta (http://www.tutorialspoint.com/html/h...cated_tags.htm), no se si para futuras versiones de los navegadores le daran soporte o no, yo en lo personal sugiero que crearas en css una clase llamada por ejemplo festivo y desde alli le dieras un background color con el color que quieras, por tanto si la base de datos tiene si o no es tan facil como recorrer todos los registros y realizar una condición logica.

Código PHP:

  if (fila['entrada.festivo']=="si")
{
echo "<tr class='festivo'>".aqui va la informacion."</tr>"
}
else {
 echo  "<tr>".aqui va la informacion."</tr>"
}

Igual mi opinión es que como todos te sugieren crees una función para identificar los domingos y que no se deban ingresar a mano. Para los festivos si es mas dificil porque cambian segun cada país.

Jlopez2014 · #15 (**permalink**) 09/10/2014, 08:47

Hola Cuasatar, miré tu sugerencia de código aunque por su sentencia se ve que cambia el color de toda la tabla si hay un festivo o domingo y no solo la fila del dato correspondiente, más así tampoco pasa nada... mira mi código de arriba, para ver que se puede hacer pues este es el que modifiqué ahora y nada :-/

Código PHP:

Ver original<?php
$sql="
SELECT entrada.fecha, entrada.horario, entrada.empleado, entrada.proyecto, entrada.encargado, entrada.salida, entrada.novedades, entrada.festivo, entrada.almuerzo
FROM entrada
WHERE entrada.empleado = '".$cedula."' AND  fecha BETWEEN '2014-09-29' AND '2014-10-13'
ORDER BY entrada.fecha";
        $cs=mysql_query($sql,$cn);
        echo"<center><font size=4 color='navy'><strong>DETALLES N&Oacute;MINA</strong></font><br><br>
<table border='4' bordercolor='#0099FF'>
<tr>
<td><font color='navy'><strong>Fecha</strong></font></td>
<td><font color='navy'><strong>Horario Entrada</strong></font></td>
<td><font color='navy'><strong>Horario Salida</strong></font></td>
<td><font color='navy'><strong>Proyecto</strong></font></td>
<td><font color='navy'><strong>Almuerzo</strong></font></td>
<td><font color='navy'><strong>Novedades</strong></font></td>
<td><font color='navy'><strong>Ing. Encargado</strong></font></td>
</tr>";
        while($resul=mysql_fetch_array($cs)){
            $var=$resul[0];
            $var1=$resul[1];
            $var2=$resul[2];
            $var3=$resul[3];
            $var4=$resul[4];
            $var5=$resul[5];
            $var6=$resul[6];
            $var7=$resul[7];
            $var8=$resul[8];
            
             if ($var7=="si")
{
echo "<tr bgcolor='navy'>
<td><input name='txtfecha[]' type='text'  value='$var' size='6'/></td>
<td><input name='txtentrada]' type='text'  value='$var1' size='4'/></td>
<td><input name='txtsalida[]' type='text'  value='$var5' size='4'/></td>
<td><input name='txtproyecto[]' type='text'  value='$var3' size='10'/></td>
<td><input name='txtalmuerzo[]' type='text'  value='$var8' size='1'/></td>
<td><textarea name='txtnovedad[]' type='text'  value='' size='15'>$var6</textarea></td>
<td><input name='txtencargado[]' type='text'  value='$var4' size='5'/></td>
 
 
</tr>"; 
}
else
{
echo "<tr>
<td><input name='txtfecha[]' type='text'  value='$var' size='6'/></td>
<td><input name='txtentrada]' type='text'  value='$var1' size='4'/></td>
<td><input name='txtsalida[]' type='text'  value='$var5' size='4'/></td>
<td><input name='txtproyecto[]' type='text'  value='$var3' size='10'/></td>
<td><input name='txtalmuerzo[]' type='text'  value='$var8' size='1'/></td>
<td><textarea name='txtnovedad[]' type='text'  value='' size='15'>$var6</textarea></td>
<td><input name='txtencargado[]' type='text'  value='$var4' size='5'/></td>
 
 
</tr>";}
            }
            
            echo "</table>
</center>";
?>

Gracias por su tiempo