ARTICULOS

Informar cantidad de caracateres

Autor: Fabian Muller (http://www.webexperto.com) - 02/12/2003

Del.icio.us Facebook Technorati

Muchas veces, surge la necesidad de limitar el área de texto de un formulario, y a la vez, informar la cantidad de caracteres digitados y los restantes. Para hacerlo, se pueda utilizar un sencillo código JavaScript que te mostramos a continuación.

Ejemplo:


0 Caracteres digitados / Restan 100

Código Fuente:

<HTML>
<HEAD>
<TITLE>Informar cantidad de caracateres</TITLE>
</HEAD>
<BODY>
<table>
    <tr><td>
    <textarea onkeyup="max(this)" onkeypress="max(this)" rows="4" cols="35" name="Area"></textarea><br>
    <font id="Digitado" color="red">0</font> Caracteres digitados / Restan <font id="Restante" color="red">100</font>
    </td></tr>
</table>

<SCRIPT LANGUAGE=javascript>
function max(txarea)
{
    total = 100;
    tam = txarea.value.length;
    str="";
    str=str+tam;
    Digitado.innerHTML = str;
    Restante.innerHTML = total - str;

    if (tam > total){
        aux = txarea.value;
        txarea.value = aux.substring(0,total);
        Digitado.innerHTML = total
        Restante.innerHTML = 0
    }
}
</SCRIPT>
</BODY>
</HTML>

 

Más artículos sobre Java Script

1. Pequeños trucos de Java Script
2. Efectos en imágenes pegadas a un link de texto
3. Validar formularios con Dreamweaver
4. Efecto nieve
5. Todo sobre imágenes en JavaScript
6. Tres métodos para redireccionar una página
7. Mostrar banners Flash en forma aleatoria
8. Redirección de acuerdo a la resolución del usuario
9. Estela en el puntero del mouse
10. Ejecutar código PHP o ASP
Más artículos...

Otros artículos...

PHP Utilizar PHP en FrontPage 98
Varios Introducción al desarrollo web para principiantes
Marketing ¿Cómo hacer una presentación?
PHP Definción y uso de clases en PHP
PHP Tiempo de carga de una página PHP
Servidores FoxServ: paquete instalador para Windows
Hojas de Estilo Transparencias y bordes a imágenes
PHP Paginación de resultados con PHP
Java Script Ventana a pantalla completa
ASP Envio de emails con CDONTS
Más artículos...