IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Javascript - Afficher nombre de caracteres restants - Textarea


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Étudiant
    Inscrit en
    Juin 2006
    Messages
    78
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2006
    Messages : 78
    Points : 59
    Points
    59
    Par défaut Javascript - Afficher nombre de caracteres restants - Textarea
    Bonjour à tous,

    Ayant des connaissances plus que basiques en javascript, je solicite votre aide pour un formulaire contenant un textarea.

    Je voudrais afficher le nombre de caracteres restant en temps reel. J'ai trouvé un code sur le net qui fonctionne bien mais qui ne correspond pas tout à fait à ce que je recherche.

    En effet, ce bout de code, se sert d'un champ input pour afficher le nombre de caracteres restants, moi ce que je veux c'est juste une phrase comme ceci :

    Il vous reste 50 ( > echo la variable) caracteres. J'ai déja fait quelques essais, mais en vainc.

    Voici mon code pour l'instant, avec affichage dans un input :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    script>
    		function limiteur()
    		{
    			maximum = 150;
    			champ = document.add_quote.citation_content;
    			indic = document.add_quote.indicateur;
     
    			if (champ.value.length > maximum)
    			  champ.value = champ.value.substring(0, maximum);
    			else 
    			  indic.value = maximum - champ.value.length;
    		}
    	</script>
     
    	<form name="add_quote" method="post" action="">
     
    		<label for="citation_content">Votre citation</label>
    		<br />
    		<textarea class="citation_content" name="citation_content" id="citation_content" onKeyDown="limiteur();" onKeyUp="limiteur();"></textarea>
    		<br /><br />
    		Il vous reste <input readonly type=text name="indicateur" size="3" value="150"> caractères
    		<br /><br />
    		<input name="submit" type="submit" value="Ajouter la citation" class="submit"/>
     
    	</form>
    Merci d'avance !

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Salut,
    Utilises innerHTML à la place de value pour le textarea.

    A+.

  3. #3
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut
    Juste une question : "ce que tu proposes marche: j'ai testé !" donc quel est ton problème ?

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Tiens, ça ressemble beaucoup à Compter nombre de caractères

    Vous êtes dans la même classe ?

  5. #5
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut
    j'allais le dire

Discussions similaires

  1. Afficher le nombre de caractères restants
    Par Matthieu Vergne dans le forum Blogs du Club
    Réponses: 0
    Dernier message: 05/03/2015, 17h47
  2. Limiter le nombre de caracteres par ligne d'un textarea
    Par aureliendu917 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 09/02/2009, 18h06
  3. Limiter le nombre de caracteres d'un Textarea
    Par perlgirl dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 09/01/2007, 14h56
  4. afficher le nombre de caractere saisi
    Par salif98 dans le forum C
    Réponses: 29
    Dernier message: 24/06/2006, 09h32
  5. [HTML][débutant]<textarea> et limitation du nombre de caracteres
    Par mavina dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 02/06/2006, 11h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo