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 : 55
    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