Limita Caracteres

Algunas Explicaciones:

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 cambié 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 enmascarándolo con una imagen '*.ico', por supuesto vacía.

¿Por qué 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 caracteres. ¡Suerte en su aprendizaje!

Escriba sobre esta caja y vea que pasa...

Algunas Explicaciones:

Cambio de programación

La cambié por:

¿Por qué el cambio de programación?

Volver