Cambiar color en un textarea

lastunikorn · #1 (**permalink**) 24/12/2010, 05:47

Hola,
Me gustaría cambiar el color de un textarea a partir de X caracteres.

Me explico, dentro de un textarea, a partir de un número de caracteres, me gustaría que el texto apareciese en rojo (para indicar que se ha sobrepasado el límite).

He estado buscando y no encuentro nada, sólo el background!

Alguna idea?

alfcm · #2 (**permalink**) 24/12/2010, 06:22

Código HTML:

Ver original<html>
<head>
<style>
.fondo{background-color:red};
</style>
<script>
function enviar(){
document.prueba.submit();
}
 
function pintar(texto)
{      // supongamos que la condicion para pintar es de 3 caracteres
    if(texto.value.length==3){
        document.getElementById('caja').className='fondo';
    }
}
</script>
</head>
<body>
<form name="ejemplo">
<textarea id='caja' onkeyup='pintar(this)'></textarea>
</form>
</body>
</html>

Espero te ayude,

Saludos y Feliz Navidad

lastunikorn · #3 (**permalink**) 24/12/2010, 06:24

El problema es que sólo quiero "la mitad" del texto. Igualmente lo he usado, y lo dejo así, cambiando todo el color, ya que el usuario detecta el error.

Muchas gracias!

alfcm · #4 (**permalink**) 24/12/2010, 06:28

ok ya te entendi

alfcm · #5 (**permalink**) 24/12/2010, 06:49

porque cada vez que escribes vas encerrandolo en un div y cuado este sobrepase el limite le das un background al div

Saludos

_cronos2 · #6 (**permalink**) 24/12/2010, 14:24

Creo que es más fácil así:

Código HTML:

Ver original<textarea onchange="this.style.color='#'+(this.value.length<5?'0':'F')+'00';">
Cuando escribas, el color dependerá de cuántos carácteres haya.
</textarea>