Foros del Web » Creando para Internet » CSS »

comocambiar el color de un texto de un apdiv dada una condicion?

Estas en el tema de comocambiar el color de un texto de un apdiv dada una condicion? en el foro de CSS en Foros del Web. Hola tengo un apdiv declarado de la siguiente manera: #apDiv23 { position:absolute; width:46px; height:18px; font-size: 130%; z-index:23; top: 553px; left: 151px; text-align:center; } en él ...
  #1 (permalink)  
Antiguo 14/10/2010, 07:46
 
Fecha de Ingreso: julio-2010
Mensajes: 64
Antigüedad: 13 años, 9 meses
Puntos: 1
Pregunta comocambiar el color de un texto de un apdiv dada una condicion?

Hola tengo un apdiv declarado de la siguiente manera:
#apDiv23 {
position:absolute;
width:46px;
height:18px;
font-size: 130%;
z-index:23;
top: 553px;
left: 151px;
text-align:center;
}
en él muestro un dato que obtengo de un arreglo php. lo que quiero es que si ese dato es mayor de 80 me muestre el dato en rojo. como puedo hacerlo?
  #2 (permalink)  
Antiguo 14/10/2010, 09:43
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 13 años, 10 meses
Puntos: 6
Respuesta: comocambiar el color de un texto de un apdiv dada una condicion?

Hola hcbosch, si mencionas que es un arreglo php has una condicional en el mismo lenguaje y que imprima el dato con el distinto css

Ejemplo]:

CSS

Código CSS:
Ver original
  1. .colorneutro{color:#999;}
  2. .coloractivado{color:#fb0000;}

PHP

Código PHP:
Ver original
  1. $dato= $arreglo;
  2. $b = 80;
  3. $a= strlen($dato);
  4. if ($a > $b) {
  5. echo "<span class='colorneutro'>$dato</span>";
  6. } else {
  7. echo "<span class='coloractivado'>$dato</span>";
  8. }

Saludos DTB

PD: obvio que dentro de tu div contenedor.

Última edición por TheDark03; 14/10/2010 a las 09:51
  #3 (permalink)  
Antiguo 14/10/2010, 10:06
 
Fecha de Ingreso: julio-2010
Mensajes: 64
Antigüedad: 13 años, 9 meses
Puntos: 1
Respuesta: comocambiar el color de un texto de un apdiv dada una condicion?

Gracias, ya lo solucioné de esta manera:
if (cargas_rutas[12]>80){
document.getElementById('apDiv23').innerHTML = cargas_rutas[12];
document.getElementById('apDiv23').style.color="#F F0000";
}
else
{
document.getElementById('apDiv23').innerHTML = cargas_rutas[12];
}

Etiquetas: color
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:06.