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 :

desactiver la class d'un input


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    240
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 240
    Par défaut desactiver la class d'un input
    Bonjour,

    Voici mon probleme:
    j'ai un select qui me permet d'afficher un input selon une option choisie:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <select name="choix" id="choix" class="inputbox required validate-choix" onchange="affichechoix(this.value)"> 
    			<option value ="">Selectionner</option>
    			<option value ="A">A</option>
    			<option value ="B">B</option>
    </select> *
    Lorsque je choisis l'option A le input apparait
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input class = "inputbox required validate-vv" type="text" id="vv" name="vv" size="40" value="" />
    Et voici le javascript qui me permet de faire apparaitre/disparaitre le input:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <script language='javascript'>
    function affichechoix(texte)
    {
    	<!--affichage de la combo logiciel-->
    	if (texte=="A") {
    		document.getElementById("vv").style.visibility= 'visible';
    	} else { 
    		document.getElementById("vv").style.visibility= 'hidden';
    	}
    }
    Or la class du input permet de rendre le champs obligatoire. Jaimerai desactiver la class du input quand celui ci est caché.

  2. #2
    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 : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    if (texte=="A") {
    		document.getElementById("vv").style.visibility= 'visible';
    		document.getElementById("vv").className= 'inputbox required validate-vv';
    	} else { 
    		document.getElementById("vv").style.visibility= 'hidden';
    		document.getElementById("vv").className= 'inputbox validate-vv';
    	}
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Des class sur plusieurs inputs
    Par djo007 dans le forum jQuery
    Réponses: 6
    Dernier message: 03/04/2013, 00h16
  2. [JDOM] "Could not find class 'org.jdom.input.SAXBuilder'"
    Par Sussu49 dans le forum Format d'échange (XML, JSON...)
    Réponses: 3
    Dernier message: 13/05/2012, 02h35
  3. Class error sur input ?
    Par Dev@lone dans le forum Zend_Form
    Réponses: 1
    Dernier message: 20/04/2011, 15h08
  4. <input CLASS= qu'est ce class dans un formulaire?
    Par jamesleouf dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 31/08/2005, 12h36
  5. classe de bouton en input et <a>
    Par santo dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 07/02/2005, 10h26

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