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 :

Masquer afficher div en javascript


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    F�vrier 2006
    Messages
    31
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 31
    Par d�faut Masquer afficher div en javascript
    Bonjour � tous je debute en javascript, et le projet sur leque je travail demande que j'affiche et masque des div en fonction de l'etat d'un bouton radio.

    plus clairement:

    j'ai 2 boutons qui r�pondent � la question " est mari� ?"

    par defaut le bouton non est selectionner et j'aimerai qu'alors la div "infoconjoint" soit invisible (et carrement inactive).

    si le bouton oui est selectionner alors la div en question apparait avec les champs � renseigner.

    pour le moment l'effet masquer/afficher fonctionne mais au premier affichage de la page, la div est visible (malgre le bouton "non" en checked par defaut)

    voici le code que j'utilise:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    function afficher(infoconjoint){
    			document.getElementById(infoconjoint).style.visibility = "";
    		}
    		function cacher(infoconjoint){
    			document.getElementById(infoconjoint).style.visibility = "hidden";
    		}
    au niveau de mon bouton j'ai:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <input name="RadioGroupMarie" type="radio" onclick='afficher("infoconjoint");' value="marie" />
    Oui </label>
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <input name="RadioGroupMarie" type="radio" checked="checked" onclick='cacher("infoconjoint");' value="celibataire" />
                  Non </label>
    Ma div infoconjoint:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
        <div id="infoconjoint" style="display:none">
    J'aimerai savoir ce qui ne va pas avec ce code d'autant plus que je l'ai adapter depuis un ancien post sur ce forum. J'aurais manqu� quelque chose? merci d'avance

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    ce n'est pas parce que le bouton est coch� par defaut que la fonction a �t� interpr�t�e une fois au moins ...

    soit tu lances la fonction dans le onload soit tu mets un style.visibility:hidden
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre averti
    Inscrit en
    F�vrier 2006
    Messages
    31
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 31
    Par d�faut
    Merci pour l'astuce style.visibility:hidden � march� � merveille.

    Maintenant une petite question de newbie. pour gerer mon formulaire (controle de saisie et validation) PHP ou Javascript ???. vos conseils sur la solution la plus s�curis�e (tout en restant simple si possible)
    Merci encore!!!!!!!!!!!!

    Au fait l'outil doit permettre un controle temps r�el des champs (pendant la saisie de l'utilisateur)

  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 : 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
    Salut,
    Tu peux faire des tests sur la validit� du contenu des champs en JavaScript, mais les vrais contr�les doivent obligatoirement �tre faits en PHP.
    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

  5. #5
    Membre averti
    Inscrit en
    F�vrier 2006
    Messages
    31
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 31
    Par d�faut
    Que dois-je comprendre par vrai contr�le ???. si j'ai bien saisi, je peu controler le format des donn�es entr�es par l'utilisateur avec javascript mais le contr�le sur leur valeur doit se faire avec php! C'EST EXACTE???????

  6. #6
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    �a veut juste dire qu'un controle cot� javascript peut �tre contourn�, c'est juste pour un confort pour l'utilisateur, mai sle v�ritable controel doit se faire sur le serveur
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  7. #7
    Membre averti
    Inscrit en
    F�vrier 2006
    Messages
    31
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 31
    Par d�faut
    Merci!!!!!!!

  8. #8
    Membre averti
    Inscrit en
    F�vrier 2006
    Messages
    31
    D�tails du profil
    Informations forums :
    Inscription : F�vrier 2006
    Messages : 31
    Par d�faut
    Ca marche super mais quelle modif dois-je apporter pour que ca marche avec un menu deroulant???

Discussions similaires

  1. masquer/afficher DIV effet popup
    Par filtep dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 31/03/2012, 08h01
  2. masquer un div par javascript ?
    Par BXDSPORT dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 24/11/2011, 19h55
  3. [CSS & JAVASCRIPT] Afficher/Masquer un div
    Par alexfrere dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 05/07/2006, 15h02
  4. Afficher/Masquer un <DIV> au clique de la souris.
    Par Joad dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 24/09/2005, 10h55
  5. Afficher masquer des blocs sans javascript
    Par Space Cowboy dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 10
    Dernier message: 24/09/2005, 10h37

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