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:
¿Por qué FireFox y Opera no respetan el 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>
Gracias a cualquier ayuda!