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 :

Changer la class d'un input en JS


Sujet :

JavaScript

  1. #1
    Membre �clair�
    Avatar de Freedolphin
    Homme Profil pro
    Webmaster
    Inscrit en
    F�vrier 2006
    Messages
    291
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : Webmaster
    Secteur : Communication - M�dias

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 291
    Par d�faut Changer la class d'un input en JS
    Bonjour,

    J'ai un compteur de mots en JS (ledit compteur rattach� au textarea d'un formulaire).
    A l'aide d'une classe CSS, j'ai donn� une couleur de fond � cet input mais j'aimerais la changer selon le nombre de mots.
    J'ai d'abord pens� � r�cup�rer la variable affichant le nombre de mots, mais devant la complexit� de la r�cup�ration d'une variable JS en PHP, j'ai plut�t pens� � modifier le code Javascript pour y indiquer une autre class css.
    Mais je n'y arrive pas.

    Voici le code HTML du compteur (j'ai laiss� class vide pour y impl�menter une variable) :
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type='text' name='compte' value='' size='10' class='' readonly />

    et une partie du code JS :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
        var affichage="" + tabNom.length + " mots";
        post.compte.value = affichage;
        var nbre="" + tabNom.length;	
    		if(nbre>=350) {post.compte.class = "countOK";}
    		else {post.compte.class = "count";}
    Ai-je fais une erreur avec mes conditions ? Car si le nombre de mots est bien affich�, la class est ignor�e.
    Merci de vos lumi�res !

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par d�faut
    Salut,

    Cot� JS il faut utiliser .className et non .class.

  3. #3
    Membre �clair�
    Avatar de Freedolphin
    Homme Profil pro
    Webmaster
    Inscrit en
    F�vrier 2006
    Messages
    291
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : Webmaster
    Secteur : Communication - M�dias

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 291
    Par d�faut
    Merci Beginner, en effet, �a change tout ! [petit edit car j'avais mal fais ma modif]

  4. #4
    Expert confirm�
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Ao�t 2003
    Messages
    3 684
    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 684
    Par d�faut
    Demande simplement:

    Code javascript : S�lectionner tout - Visualiser dans une fen�tre � part
    post.compte.className = tabNom.length < 350 ? "count" : "countOK";

    Mais attention, ta syntaxe pour nommer des �l�ments html semble sortie d'un film historique sur les ann�es 1990.

  5. #5
    Membre �clair�
    Avatar de Freedolphin
    Homme Profil pro
    Webmaster
    Inscrit en
    F�vrier 2006
    Messages
    291
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : Webmaster
    Secteur : Communication - M�dias

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 291
    Par d�faut
    Merci beaucoup pour ces pr�cisions et am�liorations

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Changer le .class (dont le rapport se sert) � chaud
    Par tiboudchou dans le forum BIRT
    R�ponses: 1
    Dernier message: 11/07/2006, 09h23
  2. Changer la classe d'un div
    Par gmonta31 dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 05/05/2006, 09h46
  3. [JavaScript] Changer la class CSS via l'id
    Par Romalafrite dans le forum Mise en page CSS
    R�ponses: 1
    Dernier message: 25/11/2005, 15h30
  4. R�ponses: 2
    Dernier message: 09/08/2005, 08h51
  5. [VB.NET] Changer de classe selon condition
    Par daner06 dans le forum Windows Forms
    R�ponses: 4
    Dernier message: 24/10/2004, 10h04

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