begin process at 2012 02 11 04:37:49
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > VOUS INDIQUE LE NOMBRE DE CARACTÈRES QU'IL VOUS RESTE À RENTRER DANS UN CHAMP TEXTE

VOUS INDIQUE LE NOMBRE DE CARACTÈRES QU'IL VOUS RESTE À RENTRER DANS UN CHAMP TEXTE


 Information sur la source

Note :
4,4 / 10 - par 5 personnes
4,40 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :15/06/2005 Date de mise à jour :15/06/2005 14:04:07 Vu :3 024

Auteur : hippyz

Ecrire un message privé
Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note

 Description

Compte tout simplement les caractéres restant

Source

  • <html><!-- par HippyZ -- Compte le nombre de caractéres qu'il vous reste à rentrer -->
  • <head>
  • <title>Clignotement</title>
  • <script language="JavaScript">
  • function controle()
  • {
  • max=20;
  • a=document.form1.login.value.length;
  • b=(max-a);
  • if (a <= max)document.getElementById("nbre").innerHTML="Il ne vous reste plus que"+b+"caractéres";
  • else
  • {
  • document.getElementById("nbre").innerHTML="Vous ne pouvez plus entrer de caractéres";
  • document.getElementById("log").setAttribute("readonly","");
  • }
  • }
  • </script>
  • </head>
  • <body topmargin="0" leftmargin="0">
  • <form name="form1">
  • <p> Taper votre texte </p>
  • <input id="log" type="texte" name="login" size="50" onKeyPress="controle()">
  • <span id="nbre"></span>
  • </form>
  • </form>
  • </body>
  • </html>
<html><!-- par HippyZ -- Compte le nombre de caractéres qu'il vous reste à rentrer -->
<head>
<title>Clignotement</title>
<script language="JavaScript">
function controle()
{
	max=20;
	a=document.form1.login.value.length;
	b=(max-a);
	
	if (a <= max)document.getElementById("nbre").innerHTML="Il ne vous reste plus que"+b+"caractéres";
		
	else 
		{
			document.getElementById("nbre").innerHTML="Vous ne pouvez plus entrer de caractéres";
			document.getElementById("log").setAttribute("readonly","");
		}
}
</script>
</head>
<body topmargin="0" leftmargin="0">
<form name="form1">
<p> Taper votre texte </p>
<input id="log" type="texte" name="login" size="50" onKeyPress="controle()">
<span id="nbre"></span>
</form>
</form>
</body>
</html>



 Historique

15 juin 2005 14:04:07 :
Bloque lorsqu'on atteint le nombre maximum de caractéres autorisés. Marche trés bien sous Firefox mais pose des problèmes sous IE.

 Sources du même auteur

PETITE FONCTION POUR FAIRE CLIGNOTER DU TEXTE
HOLOGE EN TEMPS RÉEL
CHOIX DIFFÉRENTS DANS UN MENU SELECT EN FONCTION D'UN AUTRE...
CALCULATRICE SCIENTIFIQUE

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Commentaires et avis

Commentaire de la_pin le 15/06/2005 12:45:07

Le onload="" c'est pas super utile.
Sinon, le "il vous reste -43 caractères" c pas super non plus.
Cette source peut être pas mal mais elle reste a être améliorée.

Commentaire de hippyz le 15/06/2005 13:26:00

En fait j'ai fais ça vite fait en réponse à une question sur le forum.
Donc je voir ça !!!
merci

Commentaire de darkman2 le 15/06/2005 16:21:29

le probleme c'est que t'as mal incrementer
voila le probleme
essai d'arranger ca

Commentaire de la_pin le 15/06/2005 19:05:24

t'as mal incrémenter ?
ça veut dire quoi ?
C'est comme un script portable ?! ^^ (petit trip)

Commentaire de tidave le 16/06/2005 04:57:56

salut
moi j'utilise ça  ( c'est pas de moi)


<%'scipt pour compter le nombre de caracteres%>
<script type="text/javascript">
var ns6=document.getElementById&&!document.all

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
}
}


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>
          <textarea name="designation" cols="40" rows="5" id="designation"></textarea>

  <%'fin de script compter caractere%>
<script>
displaylimit("","designation",250)
</script>

Commentaire de neolien le 16/06/2005 08:37:33

Salut les codeurs,

il y a plus simple (alors pourquoi ce compliqué le cerveau !) :

var maximum = 300;

function fUpdCompteur() {
var longueur = maximum - parseInt(document.formulaire.keywords.value.length);
if (longueur <= 0){
document.formulaire.compteur.value = 0;
document.formulaire.keywords.value = document.formulaire.keywords.value.substring (0,maximum);
}
else
document.formulaire.compteur.value = longueur;
}

C'est le code d'une source que j'ai posté il y a peu :
http://www.javascriptfr.com/code.aspx?ID=31699

@ Pluche

Commentaire de overbrave le 16/06/2005 12:57:49

Perso je prefere largement le code de tidave !
Avec le bloquage de l'ecriture au dela de la limite atribuer!

Commentaire de la_pin le 16/06/2005 13:27:55

Ouai, le -100 caracteres restants, ça fait blaireau ^^

Commentaire de neolien le 16/06/2005 13:40:14

Messieurs,

Vos commentaires seraient intéressants si vous vérifiez le script auparavant car le blocage de l'écriture est effective, don le -100 des blaireaux est impossible !!

Soyeux plus rigoureux, vos critiques en seront plus constructives !!
Fonctionne sous IE et Mozilla

@ Pluche

Commentaire de hippyz le 16/06/2005 13:59:19

Je te remercie NEOLIEN même si ce code n'est pas parfait, il fonctionne parfaitement bien sous Firefox.
Et on est là pour s'entraider pas pour se descendre, enfin je penses.

Commentaire de neolien le 16/06/2005 14:44:31

Parfaitement d'accord avec toi, j'espère que LA_PIN est sur la même longueur d'ondes ?
Par contre, je crois qu'il y a un quiproquo car quand je disais de vérifier les scripts, je¨PARLAIS DU MIEN, et c'était destiné à OVERBRAVE et LA_PIN, car je croyais que leurs critiques concernaient le code que j'ai posté sur cette page en commentaires,..alors qu'après avoir testé ton code, je crois qu'ils parlaient du tien...OUPS
Effectivement, tu n'inclus pas de fonction de blocage de l'écriture une fois le nombre dépassé, et je suis d'accord avec eux cette fois-çi, c'est dommage !!

@ Pluche

Commentaire de overbrave le 16/06/2005 20:57:14

rep pour neolien

Oui c'est normal on ne laisse pas des commentaires sur le code que des perosnnes mettent en comentaire lol
Mais c'est pas grave je ne t'en veux pas lol ! ih ih
Mais a la rigueur si tu veux des commentaires sur ton code, poste une source ...
alez a+

Commentaire de la_pin le 17/06/2005 16:29:15

Mon commentaire à été posté AVANT que hiyppyz ne modifie son script et bloque le nb de caractères, avant le -100 caractères s'affichait.

Commentaire de overbrave le 17/06/2005 17:02:51

ouai je sais d'ailleur j'avais pas remarker kil avai modifier son code
lol

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,763 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales