Fermer

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

new!

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 : 32284
Envois par mail : 452

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

7 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Infomaniak
Un hebergeur Suisse de qualité à partir de 7.50 € / mois.
http://www.infomaniak.fr/

Cat : Hebergement web
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

55232 membres
8516 comptes CountUs
1482 comptes myCircle

LES FORUMS :

14 forums
39229 topics
188849 messages
>> Les forums

SONDAGE

La mini-astuce "PHP / mySQL" du jour par @Rano
Lorsque vous voulez faire une recherche sur les fonctions PHP, allez simplement à l'url :
http://fr.php.net/fonction_que_vous_cherchez (par exemple http://fr.php.net/mail)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi