cambiar el color de un numero dentro de una celda en una tabla

hcbosch · #1 (**permalink**) 13/04/2011, 13:20

Hola tengo una tabla en php donde cada celda es el resultado de un query. Quiero que dado un umbral, en html me salga el numerito en rojo.
como puedo hacer esto?
Una de las soluciones que he oido es insertando codigo javascript pero ahí si que no tengo experiencia.
alguien me ayuda?

Potro · #2 (**permalink**) 13/04/2011, 13:27

pon tu codigo y lo podriamos resolver con un javascript diciendote como colocarlo..

es lo unico que puedes hacer y mas facil..

Death_Empire · #3 (**permalink**) 13/04/2011, 13:28

En el resultado del query cuando vayas creando la tabla haces la consulta para determinar si es rojo o no y lo imprimers con color.

Código PHP:

  <?php
if($r['algo'] == 'algo'){
echo "<td style='color:red;'>algo</td>";
}
else{
echo "<td>algo</td>";
}
?>

saludos

hcbosch · #4 (**permalink**) 13/04/2011, 13:44

Gracias, resolví con la respuesta de Death_Empire, sin llegar a tener que poner codigo javascript.

hcbosch · #5 (**permalink**) 18/04/2011, 09:54

Sorry, pensé que lo habia resuelto pero sigo enredada con este tema.
Finalmente tengo este codigo en mi celda :
<td class="style12"><div align="center"><?php if ($a>$arreglo_plan[0])echo ($a); else echo "<td style='color:red;' font-family: Verdana, Arial, Helvetica, sans-serif; align='center' >$a</td>";?></div></td>
pero no me resulve pq cuando $a es < $arreglo_plan[0], lo que hace es crearme una nueva celda y además me cambia el estilo de la letra, si dejo en la celda solo el codigo php, cuando $a < $arreglo_plan[0], entonces lo que hace es que me pone el valor fuera de la tabla.
Podria alguien decirme si es mas facil solucioanr esto con puro php o si hay alguna solucion con javascript mas rapido y facil

kcire87 · #6 (**permalink**) 18/04/2011, 10:04

Hola, creo que es mas facil que crees una clase con CSS, luego evaluas con php y determinas que celdas llevan el texto color rojo, algo como lo siguiente:

/*CLASE CSS*/

.redText{
color:#F00;
}

/* PARTE PHP */

$redColor = "";
if($var == "Esto"){
$redColor = 'class="redText"';
}

entonces la variable $redColor se la pones a todos los td que te genere la tabla y el if se encargara de asignar la clase al td correspondiente.

Tus <td> dinamicos quedarian asi "<td $redColor>".."</td>";

Espero que me hayas entendido, suerte...!!!

hcbosch · #7 (**permalink**) 18/04/2011, 11:15

Mira el codigo que elaboré, y dime que tengo mal porque no me hace nada.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>

</head>

<body>
<?php
$datex= array (11,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,1 9,20,21,22,23);

?>
<table width="200" border="0">
<tr>
<td><?php
$redColor = "";
if ($datex[0]>10)$redColor = 'class="styletest"';
?></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

kcire87 · #8 (**permalink**) 18/04/2011, 14:40

Cita:

Iniciado por hcbosch

Mira el codigo que elaboré, y dime que tengo mal porque no me hace nada.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>

</head>

<body>
<?php
$datex= array (11,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,1 9,20,21,22,23);

?>
<table width="200" border="0">
<tr>
<td><?php
$redColor = "";
if ($datex[0]>10)$redColor = 'class="styletest"';
?></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

-- TE FALTO--

imprimir la variable $redColor a los TD para que pueda aplicar la clase de estilos a los que sea necesario

tienes que hacer algo como lo siguiente:

<td <?php echo $redColor; ?>> </td>

Y si no me equivoco debes generar la tabla con un ciclo for o en este caso recorrer el arreglo que tienes llamado $datex para en base a eso generar los td y se aplique el color correspondiente a los que deseas, disculpa por no responder antes...

kcire87 · #9 (**permalink**) 18/04/2011, 14:49

Deberias hacer algo como lo siguiente ya que ahi solo estas evaluando el primer elemento de tu Array $datex, deberias tener algo como:

for($i=0; $i<count($datex); $i++){
if($datex[$i] > 10){
$redColor = 'class="styletest"';
echo "<td".$redColor.">&nbsp</td>";
}
}

Suerte!