Foros del Web - Ver Mensaje Individual - 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.