Saludos!
Tengo un <textarea></textarea> el cual he limitado a 150 caracteres. Con JS muestro la canitdad de caracteres que el usuario a digitado (en tiempo real). Si el usuario sobrepasa esta cantidad el texto que inidica el número de caracteres cambiar a color rojo. El código funciona perfectamente en IE, sin embargo FF y Opera no lo respetan.
He aquí el código:
Código:
//HTML
<label id="anuncio_info"></label>
<textarea name="mensaje" id="anuncio"></textarea>
//Javascript
<script type="text/javascript">
//Apunto al <textarea> y al elemento <label> (el cual muestra la cantidad de caracteres
var anuncio = document.getElementById("anuncio");
var anuncio_info = document.getElementById("anuncio_info");
//La funcion mostrar toma la cantidad de caracteres del elemento <textarea> y lo imprime en el elemento <label> (anuncio_info).
function mostrar() {
anuncio_info.innerHTML = anuncio.innerHTML.length;
//Si hay mas de 150 caracteres cambiamos el color a rojo
if(anuncio.innerHTML.length > 150) {
anuncio_info.style.color = "red";
} else {
anuncio_info.style.color = "black";
} //else
} //function
//Se va a estar repitiendo la funcion cada 50 milisegundos
window.setInterval(mostrar,50);
</script>
¿Por qué FireFox y Opera no respetan el código?
Gracias a cualquier ayuda!