Entre los dos HEAD, vemos declarados dos script;
El primero es este:
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
El mismo se utiliza para emitir un mensaje cuando pasamos el Mouse sobre el área de texto, con las propiedades 'onmouseover' y 'onmouseout'. Este script gratuito debe estar en la misma carpeta en que se encuentra esta página. Para bajarlo haga click en esta flecha:
El segundo script se encarga en su primer función, en declarar variables para la utilización de teclas BacKspace y flechas; la segunda función cuenta los caracteres escritos y cuando llega a 100, (cifra que se puede cambiar en el textarea), el return la hace false..
Cambio de programación
Para el elemento con id='info', la programación original era:
--------------------------------------------------------------
if(elemento.value.length >= maximoCaracteres ) {
info.innerHTML = "Máximo "+maximoCaracteres+" caracteres";
}
else {
info.innerHTML = "Puedes escribir hasta "+(maximoCaracteres-elemento.value.length)+" caracteres adicionales";
-------------------------------------------------
En donde 'info' era un tag DIV...
La cambie por:
----------------------------------------------
if(elemento.value.length >= maximoCaracteres ) {
info.value = "Máximo "+maximoCaracteres+" caracteres";
}
else {
info.value = "Puedes escribir hasta "+(maximoCaracteres-elemento.value.length)+" caracteres adicionales";
--------------------------------------------
En donde 'info' es un elemento 'text', al cual se le aplicó el truco de hacerlo invisible enmascarandolo con una imagen '*.ico', por supuesto vacia.
¿Por que el cambio de programación..?
Porque la propiedad 'innerHTML' NO funciona en todos los exploradores, ni en todos los sistemas operativos de Androides y Celulares.
Ahora solo resta escribir sobre el 'textarea' hasta que "gaste" sus 100 'chatr'. Suerte en su aprendizaje !