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 :

faire apparaître un DIV avec bouton radio


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    informatique
    Inscrit en
    Octobre 2004
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations professionnelles :
    Activité : informatique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 20
    Par défaut faire apparaître un DIV avec bouton radio
    bonjour tout le monde!
    voici mon problème:
    j'ai deux boutons radio, et le premier est "checked" par défaut et ne change en rien l'apparence de mon formulaire.
    je voudrais faire apparaître un DIV lorsque je clique sur le deuxième...
    j'ai fait un essais avec le code suivant, mais évidement, cela ne fonctionne pas...
    pouvez-vous me dire où je me suis planté...
    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
     
    <!--code de le HEAD--!>
    function afficher(reservation)
    {
    	document.getElementById("reservation").style.visibility = "";
    }
    function cacher(reservation)
    {
    	document.getElementById("reservation").style.visibility = "hidden";
    }
     
    <!--code des boutons radio--!>
            <p id="Pnormal3"><input type="radio" name="motif" value="Renseignements" checked="checked" onClick="cacher(reservation)" />Renseignements</p>
            <p id="Pnormal3"><input type="radio" name="motif" value="Reservations" onClick="afficher(reservation)" />R&eacute;servation</p>
     
    <!--DIV à afficher--!>
     <div id="reservation" style="display: none">
     </div>
    merci d'avance!

  2. #2
    Membre éclairé
    Avatar de buzzkaido
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2004
    Messages
    821
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2004
    Messages : 821
    Par défaut
    Pas de quotes dans getElementById : c'est la variable que tu utilises

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function afficher(reservation)
    {
    	document.getElementById(reservation).style.visibility = "";
    }
    function cacher(reservation)
    {
    	document.getElementById(reservation).style.visibility = "hidden";
    }
    Des quotes ici car c'est une chaine que tu passes en parametre et un point-virgule à la fin, c'est plus propre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onClick='afficher("reservation");'
    Pour eviter de confondre parametre, chaine et variable, tu devrais plutot l'ecrire comme ça :
    (c'est la même chose, y'a juste les noms de changé)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function afficher(elemID)
    {
    	document.getElementById(elemID).style.visibility = "";
    }
    function cacher(elemID)
    {
    	document.getElementById(elemID).style.visibility = "hidden";
    }
    elemID pour "element ID" histoire d'être cohérent avec l'utilisation faite de ce parametre

  3. #3
    Membre averti
    Profil pro
    informatique
    Inscrit en
    Octobre 2004
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations professionnelles :
    Activité : informatique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 20
    Par défaut
    Citation Envoyé par buzzkaido
    Pas de quotes dans getElementById : c'est la variable que tu utilises

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function afficher(reservation)
    {
    	document.getElementById(reservation).style.visibility = "";
    }
    function cacher(reservation)
    {
    	document.getElementById(reservation).style.visibility = "hidden";
    }
    Des quotes ici car c'est une chaine que tu passes en parametre et un point-virgule à la fin, c'est plus propre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onClick='afficher("reservation");'
    Pour eviter de confondre parametre, chaine et variable, tu devrais plutot l'ecrire comme ça :
    (c'est la même chose, y'a juste les noms de changé)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function afficher(elemID)
    {
    	document.getElementById(elemID).style.visibility = "";
    }
    function cacher(elemID)
    {
    	document.getElementById(elemID).style.visibility = "hidden";
    }
    elemID pour "element ID" histoire d'être cohérent avec l'utilisation faite de ce parametre
    merci!!!!!
    ça a l'air si simple quand on a la solution!
    deux heures que j'essaie (pas habitué du javascript... )
    encore merci!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Prix modulable avec boutons radio
    Par Zardhoz dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 24/07/2007, 09h06
  2. Problème avec bouton radio sous IE.
    Par waldo2188 dans le forum Général Conception Web
    Réponses: 3
    Dernier message: 21/06/2006, 12h11
  3. Faire apparaître 2 div d'un coup d'un seul
    Par psychoBob dans le forum Général JavaScript
    Réponses: 21
    Dernier message: 09/06/2006, 17h49
  4. peut on rafraichir une page avec bouton radio?
    Par zorba49 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 06/06/2006, 12h33
  5. Réponses: 7
    Dernier message: 26/05/2006, 14h14

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