Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Textarea avec compteur + limitation de caracteres

Script posté par :

setubal - (Site : Portugal-Tchat.com:)
Vous aussi, postez vos scripts en cliquant ici.

Description

Voici un petit compteur de charactères qui décompte les charactères restant dans un champ de formulaire.
Le départ est fixé à 250 charactères. Chaque charactères tapé le compteur baisse .. 249, 248 ,etc ... jusqu'à 0.

A partir de la plus aucun charactères n'est permis !
Pratique pour l'insérer dans un formulaire de soumission de site pour éviter que vos visiteurs n'écrivent 50.000 charactères ;)
INSTALLATION DU SCRIPT = SUPER SIMPLE MAIS TRES EFFICACE !

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 3 et +
	Internet Explorer : 3 et +

Chiffres :

Date de création : 23/05/2005
Dernière modif : -
Visites de la page : 34006
Envois par mail : 473

Exemple :

Le code :

Entre <HEAD> et </HEAD> :

function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ 
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}

function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
//trouvé sur: www.portugal-tchat.com//

function displaylimit(thename, theid, thelimit){
var theform=theid!=""? document.getElementById(theid) : thename
var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> characteres Maximum.'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
}
}

</script>

Entre <BODY> et </BODY> :

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De itello - le 25-05-2005

Je ne veux rien dire mais 250 caractères, c'est vraiment peu.
On peut rien écrire d'intéressant en 250 caractères, j'ai moi-même fait des messages de 2000 à 3000 mots sur le forum de l'EJS. Evidemment, tout le monde ne s'appelle pas Itello mais un maximum de 1000 caractères est quand-même souhaitable. Ce message utilise plus de 250 caractères pour exemple.

Je conseilles donc aux webmasters qui verront ce script de ne pas l'utiliser avec une limite de 250.
Pour changer la limite, c'est très simple. Dans la partie <body>, remplacez :

<script> displaylimit("","portugal-tchat.com",250) </script>

C'est tout !

De setubal - le 29-05-2005

Effectivement !! Il est très simple de limiter les charactères du script à la limite désirée.
250 charactères est un paramètre par défaut, mais modifiable facilement, il suffit de choisir la limite tout simplement et de l'adapter au script.!!

De pasondag - le 15-07-2005

Petit probleme avec ce script, si vous collez une chaine de caractéres elle n'est pas compté !!

De bastoun - le 08-08-2005

Bonjour,

Très bon script, mais je rencontre un petit problème pour l'utiliser sur une page ayant plusieurs champs textarea. Dans ce cas là, le compteur ne décompte plus sur aucune des textarea.

Quelle est la solution ?

Merci

De jiop55 - le 20-08-2005

Teaxtra??
Comprend rien..

De pellicanrose - le 05-06-2006

Pour reussir à partir d'un texte area prerempli il vous suffis d'ajouter une variable d'entrée dans l'appel a la fonction qui contient le nombre de caractere restant (difference entre la place que vous donnez et le nombre de caractere existants) ensuite vous le faites entrer par la fonction displaylimit() (Dans le head) et enfin vous remplacez +thelimit+ par +variablenouvelle+ et la plus de problemes

De amery76 - le 07-09-2006

Très bon script, mais il ne marche pas parfaitement sur Mozilla. Le compteur fonctionne mais on peut quand même saisir plus de caractères que la limite et dans ce cas, le compteur devient négatif.
Une solution?

De thibotus01 - le 15-12-2006

Idem pour le probleme du négatif dans Firefox... Faudrait trouver une solution !

De the_magicien - le 31-08-2007

Je dirais surtout Merci à Dynamic Drive ;) C'est pas très beau de copier en changeant le copyright :S http://www.dynamicdrive.com/dynamicindex16/limitinput.htm

>> Poster une annotation sur ce script

11 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Internet services
Internet Services offre de nombreux services gratuits et de très bonne qualité pour dynamiser votre site Web ! Forums, chats, livre d'or, etc ...
http://www.i-services.net

Cat : Forum - sondages - compteurs
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

56132 membres
8369 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi