Boutons radio affichés sous condition
Résolu/Fermé
la chicane
Messages postés
156
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
22 mai 2016
-
1 mars 2010 à 12:55
la chicane Messages postés 156 Date d'inscription jeudi 25 août 2005 Statut Membre Dernière intervention 22 mai 2016 - 2 mars 2010 à 14:01
la chicane Messages postés 156 Date d'inscription jeudi 25 août 2005 Statut Membre Dernière intervention 22 mai 2016 - 2 mars 2010 à 14:01
A voir également:
- Boutons radio affichés sous condition
- Excel cellule couleur si condition texte - Guide
- Radio française - Télécharger - Médias et Actualité
- Telecharger radio - Télécharger - Audio & Musique
- Retrouver une pub radio - Forum Musique / Radio / Clip
- Changer heure casio 3 boutons ✓ - Forum Accessoires & objets connectés
6 réponses
bloodchecker
Messages postés
339
Date d'inscription
mercredi 2 juillet 2008
Statut
Membre
Dernière intervention
29 février 2012
35
1 mars 2010 à 13:51
1 mars 2010 à 13:51
j'ai pas repris ton code il est trop long :p Mais l'idée, si j'ai bien compris, est de ne pas afficher tes bouton par défaut (avec un style="display:none").
Et dans le bouton radio "oui" tu ajoute un effet lorsqu'on le selectionne du genre
onclick:document.getElementById("ton bouton radio a afficher").style.display="block"
J'ai pas testé mais l'idée peut être la.
bon courage
Et dans le bouton radio "oui" tu ajoute un effet lorsqu'on le selectionne du genre
onclick:document.getElementById("ton bouton radio a afficher").style.display="block"
J'ai pas testé mais l'idée peut être la.
bon courage
bloodchecker
Messages postés
339
Date d'inscription
mercredi 2 juillet 2008
Statut
Membre
Dernière intervention
29 février 2012
35
1 mars 2010 à 14:12
1 mars 2010 à 14:12
Aller comme je m'ennuyais je t'ai fait un exemple concret (qui marche \o/) :
<div id=choix1>Non :<input type=radio name=choix1 value=non onclick="document.getElementById('choix2').style.display='none'" /> -- Oui :<input type=radio name=choix1 value=oui onclick="document.getElementById('choix2').style.display='block'" /></div>
<hr />
<div id=choix2 style="display:none">Non :<input type=radio name=choix2 value=non /> -- Oui :<input type=radio name=choix2 value=oui /></div>
<div id=choix1>Non :<input type=radio name=choix1 value=non onclick="document.getElementById('choix2').style.display='none'" /> -- Oui :<input type=radio name=choix1 value=oui onclick="document.getElementById('choix2').style.display='block'" /></div>
<hr />
<div id=choix2 style="display:none">Non :<input type=radio name=choix2 value=non /> -- Oui :<input type=radio name=choix2 value=oui /></div>
la chicane
Messages postés
156
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
22 mai 2016
37
1 mars 2010 à 15:32
1 mars 2010 à 15:32
merci d'avance pour le temps que tu me consacres...
bon, j'y connais pas grand chose, mais l'exemple que tu donnes semble correspondre à ce dont j'ai besoin.
Il faut juste que je mette en forme, mais ça je m'en occupe (faut bien que je bosse un peu !!!)
En revanche, si je ne me trompe, ton code utilise le javascript ?
n'y a-t-il pas du <script> à intégrer entre le <head></head> pour que ça fonctionne ??
merci...
bon, j'y connais pas grand chose, mais l'exemple que tu donnes semble correspondre à ce dont j'ai besoin.
Il faut juste que je mette en forme, mais ça je m'en occupe (faut bien que je bosse un peu !!!)
En revanche, si je ne me trompe, ton code utilise le javascript ?
n'y a-t-il pas du <script> à intégrer entre le <head></head> pour que ça fonctionne ??
merci...
bloodchecker
Messages postés
339
Date d'inscription
mercredi 2 juillet 2008
Statut
Membre
Dernière intervention
29 février 2012
35
>
la chicane
Messages postés
156
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
22 mai 2016
1 mars 2010 à 16:12
1 mars 2010 à 16:12
non pas besoin de <script> !
la chicane
Messages postés
156
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
22 mai 2016
37
1 mars 2010 à 15:38
1 mars 2010 à 15:38
je viens d'essayer, je crois que je suis sur la bonne voie, grace à toi...
je vais devoir m'absenter, je te tiens au courant de la suite très vite...
merci encore !!
je vais devoir m'absenter, je te tiens au courant de la suite très vite...
merci encore !!
la chicane
Messages postés
156
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
22 mai 2016
37
2 mars 2010 à 13:01
2 mars 2010 à 13:01
alors... j'avance, j'avance...
l'action de proposer le champ suivant en fonction de la réponse oui ou non fonctionne bien, selon tes conseils, bloodchecker, et je t'en remercie.
En revanche, je n'arrive pas à une présentation satisfaisante.
Je voudrais que si l'on coche "non" à la question "participera", tout le pavé suivant : nombre de personnes + le champ à remplir, ne s'affiche pas.
Je suppose qu'il faut que je créé un tableau ou un div, et que j'empêche son affiche dans le code du "onclick", mais je n'y arrive pas...
voici le lien vers la page :
pour que ce soit plus clair (désolée je n'arrive pas à insérer juste un lien :-( )
et.... serait-ce abuser que te demander comment afficher "deux champs" si le bouton radio "non" est coché.
dans mon code :
là, si on coche non, je n'affiche pas le champs text qui porte l'id "adultes". Mais je souhaiterais aussi ne pas afficher le champ text qui porte l'id "samedi"
J'ai essayé de mettre deux id derrière le onclick, mais je ne connais pas la syntaxe...
et l'idéal bien entendu, étant de n'afficher ni les champs ou bouton radio, ni leur label dans la cellule droite de mon tableau...
pfffff !!!!!
l'action de proposer le champ suivant en fonction de la réponse oui ou non fonctionne bien, selon tes conseils, bloodchecker, et je t'en remercie.
En revanche, je n'arrive pas à une présentation satisfaisante.
Je voudrais que si l'on coche "non" à la question "participera", tout le pavé suivant : nombre de personnes + le champ à remplir, ne s'affiche pas.
Je suppose qu'il faut que je créé un tableau ou un div, et que j'empêche son affiche dans le code du "onclick", mais je n'y arrive pas...
voici le lien vers la page :
http://www.s295126718.onlinehome.fr/invitation/contact.htm
pour que ce soit plus clair (désolée je n'arrive pas à insérer juste un lien :-( )
et.... serait-ce abuser que te demander comment afficher "deux champs" si le bouton radio "non" est coché.
dans mon code :
<td><td><label><span class="Style25">Non</span></label> <input type="radio" name="participation" id="participation_0" value="oui" onclick="document.getElementById('adultes').style.display='block'" /> </td> <td><label><span class="Style25">Non</span></label> <input type="radio" name="participation" id="participation_1" value="non" onclick="document.getElementById('adultes').style.display='none'" />
là, si on coche non, je n'affiche pas le champs text qui porte l'id "adultes". Mais je souhaiterais aussi ne pas afficher le champ text qui porte l'id "samedi"
J'ai essayé de mettre deux id derrière le onclick, mais je ne connais pas la syntaxe...
et l'idéal bien entendu, étant de n'afficher ni les champs ou bouton radio, ni leur label dans la cellule droite de mon tableau...
pfffff !!!!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bloodchecker
Messages postés
339
Date d'inscription
mercredi 2 juillet 2008
Statut
Membre
Dernière intervention
29 février 2012
35
2 mars 2010 à 13:58
2 mars 2010 à 13:58
Je reprend mon code, en fait, tout ce que tu met dans le div id=div2 ne s'affiche que si oui est coché.
<div id=choix1>Non :<input type=radio name=choix1 value=non onclick="document.getElementById('choix2').style.display='none'" /> -- Oui :<input type=radio name=choix1 value=oui onclick="document.getElementById('choix2').style.display='block'" /></div>
<hr />
<div id=choix2 style="display:none">Non :<input type=radio name=choix2 value=non /> -- Oui :<input type=radio name=choix2 value=oui />
//Ce qui doit etre caché aussi en cas de non
</div>
<div id=choix1>Non :<input type=radio name=choix1 value=non onclick="document.getElementById('choix2').style.display='none'" /> -- Oui :<input type=radio name=choix1 value=oui onclick="document.getElementById('choix2').style.display='block'" /></div>
<hr />
<div id=choix2 style="display:none">Non :<input type=radio name=choix2 value=non /> -- Oui :<input type=radio name=choix2 value=oui />
//Ce qui doit etre caché aussi en cas de non
</div>
la chicane
Messages postés
156
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
22 mai 2016
37
2 mars 2010 à 14:01
2 mars 2010 à 14:01
oui merci, je venais juste de trouver... comme quoi, en se creusant un peu la cervelle...
j'ai mis ce que je veux afficher dans un table, à qui j'ai affecté un "id" (je ne savais pas qu'on pouvait le faire, j'ai essayé...)
voici mon code :
et ça marche !!!!
merci tout plein, je progresse... lentement, certes, mais surement !!!
et vive CCM...
j'ai mis ce que je veux afficher dans un table, à qui j'ai affecté un "id" (je ne savais pas qu'on pouvait le faire, j'ai essayé...)
voici mon code :
<td width="305" height="40" valign="top"><p class="Style23"><span class="Style39">Participera</span> <span class="Style36">*</span><br /> </p> </td> <td width="353" height="40" colspan="2"><div align="left"> <table width="200" cellspacing="5"> <tr> <td><label><span class="Style25">Oui</span></label> <input type="radio" name="participation" id="participation_0" value="oui" onclick="document.getElementById('participants').style.display='block'" /> </td> <td><label><span class="Style25">Non</span></label> <input type="radio" name="participation" id="participation_1" value="non" onclick="document.getElementById('participants').style.display='none'" /> </td> </tr> </table> </div></td> </tr> <tr> <td height="50" valign="top"></td> <td height="50" colspan="2"> <table width="100%" cellpadding="2" cellspacing="2" id="participants"> <tr> <td><span class="Style50">Nombre d'enfants</span></td> <td><div align="left"> <input name="enfants" type="text" id="enfants" style="background-color:#CCCCCC" tabindex="3" size="10" maxlength="10"> </div></td> </tr> <tr> <td><span class="Style50">Arrivée le samedi</span></td> <td> <table width="200" cellspacing="5"> <tr> <td><label><span class="Style25">Oui</span></label> <input name="samedi" type="radio" id="samedi_0" value="oui" /> </td> <td><label><span class="Style25">Non</span></label> <input type="radio" name="samedi" value="non" id="samedi_1" /> </td> </tr> </table></td> </tr> </table> </td>
et ça marche !!!!
merci tout plein, je progresse... lentement, certes, mais surement !!!
et vive CCM...