Cambiar color de fondo dependiendo de variable mysql

cron4l · #1 (**permalink**) 22/03/2015, 16:03

Hola a todos,

Estoy un poco atorado en un sistema que estoy desarrollando, una de las cosas que tengo que hacer es cambiar el fondo(bg) de un <td> dependiendo del ultimo registro que tenga la DB

tengo el siguiente codigo que me lista en un <td> los nombres de los candidatos (personas X) y a mismo tiempo unas imagenes cualquiera.

En una tabla de la DB hay un campo que dice semaforo de los cuales solo puede ser 4 colores: Verde, Amarillo, Purpura y Azul.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Monitoreo de candidatos</title>
    <link rel="stylesheet" href="../css/css2.css"/>
</head>
<body>
<div id="contenedor">
    <?php
    setcookie("edo2","",time()-1,"/");
    include("../conexiones/conexion.php");
    $sql="SELECT * FROM candidatos";
    $rs=$conexion->query($sql);
?>
<br><br>
<table class="tab">
    <tbody>
<?php 
        while ($reg = $rs->fetch_assoc())   
    {
        $can = $reg["id_can"];
?>
    <tr>
        <td class="td1"><?php echo utf8_encode($reg["nombre"]);?>
        <a href="reports.php?can=<?php echo $can ?>&sem=Azul"><img class="img1" src="http://www.forosdelweb.com/f18/img/azul.png" onmouseover="this.src='../img/azul2.png';" onmouseout="this.src='../img/azul.png'"; width="35" height="35"></a>
        <a href="reports.php?can=<?php echo $can ?>&sem=Purpura"><img class="img2" src="http://www.forosdelweb.com/f18/img/rosa.png" onmouseover="this.src='../img/rosa2.png';" onmouseout="this.src='../img/rosa.png'"; width="35" height="35"></a>
        <a href="reports.php?can=<?php echo $can ?>&sem=Amarillo"><img class="img3" src="http://www.forosdelweb.com/f18/img/amarillo.png" onmouseover="this.src='../img/amarillo2.png';" onmouseout="this.src='../img/amarillo.png'"; width="35" height="35"></a>
        <a href="reports.php?can=<?php echo $can ?>&sem=Verde"><img class="img4" src="http://www.forosdelweb.com/f18/img/verde.png" onmouseover="this.src='../img/verde2.png';" onmouseout="this.src='../img/verde.png'"; width="35" height="35"></a>
        </td>
    </tr>
    </tbody>
<?php   
    }
    $conexion->close();
?>
</table>
</div>
</body>
</html>

Lo que me gustaria saber es como hacer que dependiendo el ultimo registro del semaforo el <td> se pinte de ese color.

por el momento no me interesa que se cambien en tiempo real (ajax) se que con esto cambiara cada que se haga un refresh a la pagina y no importa eso lo hago despues.

rjulio21 · #2 (**permalink**) 22/03/2015, 18:28

No estoy seguro si entendí bien. ¿Tienes el color en base de datos y simplemente quieres que el color que diga en bd sea utilizado como backround ?

Si es eso. en primer lugar deberias tener declarada las clases css para cada fondo, para hacerlo fácil podrias utilizar para cada clase el mismo nombre que tenga el valor de "semaforo en base de datos" y luego al imprimirlo haces algo como :

Código PHP:

Ver original<td class=" td1 <?=$valorSemaforo?>">................</td>

Si lo que preguntaste es eso. es sencillo, sino explica un poco mejor la pregunta.

Saludos