rfilgueiras
Usuario Novato
Usuario Novato

Hola a tod@s,

En un formulario tengo un input text que se inicializa a un valor dinámicamente. El color del fondo del mismo dependerá de este valor, por ejemplo, si es menor que 10 el color de fondo será azul, en caso contrario sera verde. ¿Cómo podría hacerlo?

Gracias

Avatar Image
Colega ;)
Colega ;)

Con javascript:

Codigo PHP:

<style>
.menor{
background-color: #0000FF;
}

.mayor{
background-color: #00FF00;
}
</style>


<form id="formu" name="formu">
<input id="cx" name="cx" value="" type="text" onChange="colorea()">
</form>


<script>

function colorea(){
vari = formu.cx.value;

if(vari < 10){
bco = "menor";
}

if(vari > 10){
bco = "mayor";
}

objv = document.getElementById("cx");
objv.className = bco;

}

</script>



Creo que funcionara, lo he programado yo, pero no lo he probado ... Pruebalo primero. Si te va, avisa.


Luego, si no entiendes como funciona, pregunta y te lo explico.
rfilgueiras
Usuario Novato
Usuario Novato

Gracias por la respuesta, no lo he probado pero por lo que veo debe funcionar. Pero mi problema no se resuelve con el onChange ya que el color se le añade al input text en la carga de la página. Cuando cargas la página no se activa el evento change, ya que este solo se activa cuando hay una modificación del campo.

Avatar Image
Colega ;)
Colega ;)

¿Que quieres que se muestre al cargar la pagina?

Simplemente añade al final del codigo:

<script>
colorea();
</script>

rfilgueiras
Usuario Novato
Usuario Novato

Pues si, creo que esa es una gran solución. La probaré pero ... ok

Gracias

Entraré más en este foro

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 29/Sep/2009, 19:30
Txito chavp12kSep/09
Por: , el 21/Ene/2004, 14:02
Nefest NoSetup.org princesakatty kego18 mariaguadalupe996266kApr/14