Afficher selon le bouton radio sélectionné |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
Rizane
Newbie Depuis le: 02 Avr 2014 Status: Inactif Points: 29 |
Options des messages
Thanks(0)
Envoyé : 02 Avr 2014 à 17:04 |
Bonjour,
J'aimerai pouvoir afficher certains textes et champs de saisie selon que l'internaute ait sélectionné tel ou tel bouton radio. Exemple : sélection bouton radio "homme ou femme" si sélection "femme", afficher le texte "xyz" et le champ de saisie "xyzz" sinon, les laisser invisibles en sachant que "homme" est le bouton par défaut donc avec un affichage visible par défaut également des textes et champs de saisie qui lui sont propres. ces derniers seront rendus invisibles lorsque c'est une femme qui cliquera. Pouvez-vous m'aider ? Enfin, si je suis suffisament claire déjà... J'ai trouvé le code ci-dessous sur le forum pour les cases à cocher mais je ne sais pas comment l'adapter aux boutons radio (vous l'aurez compris, je suis débutante). $(function(){ $('#WE04b24f7ed7 input').change(function() { if($(this).is(":checked")) { $('#WEcb34ff3756').show().css('visibility', 'visible'); } else { $('#WEcb34ff3756').hide(); } }); }); |
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
bizarre ton code, pour vérifier l'état d'un bouton radio, il faut lire ses attributs. en l'occurence :
et ne fonctionne qu'avec les dernières versions de OpenElement. (jquery > 1.9) d'autres erreur parsème ton bout de code. Je teste ce que ça donne dans OE et te file la solution |
|
Rizane
Newbie Depuis le: 02 Avr 2014 Status: Inactif Points: 29 |
Options des messages
Thanks(0)
|
Bonjour,
Merci de ta réponse ! J'ai trouvé le bout de code en question ici : http://forum.openelement.com/fr/forum_posts.asp?TID=19286&title=affichage-conditionnel Utilisé tel que je l'ai écrit ici, il me semble avoir réussi à le faire fonctionner en local sur les cases à cocher. Mais j'avoue l'avoir copié/collé sans vraiment tout comprendre... Et ce que tu me laisses entrevoir me paraît plus transparent pour la débutante que je suis. D'ailleurs je ne comprends pas l'appel de la fonction JS. Je suis en effet embêtée par le fait de ne pas pouvoir insérer du code dans l'<input>. Merci d'avance ! |
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(1)
|
Attention, un bouton radio ne fonctionne pas de la même façon qu'une case à cocher !
Dans ce code, il te faut modifier : 1- WE40bad20688 par le nom de ta radiobox, 2- value=1 par la valeur donnée dans la liste d'élément qui compose ta radio 3- changer le code selon ce qui est coché ! |
|
Rizane
Newbie Depuis le: 02 Avr 2014 Status: Inactif Points: 29 |
Options des messages
Thanks(0)
|
Bonjour,
J'ai cherché, cherché, mais je ne suis vraiment pas douée.... ça ne fonctionne pas. J'ai mis le code sur une page vierge pour éviter les "perturbations". J'ai pourtant remplacé les deux ID, j'ai mis la valeur 'homme' (qui est bien la valeur du bouton radio) puis j'ai laissé les alert comme résultat du clic... Mais rien ne se passe ! Help ! |
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
attention, la valeur est différente du texte affiché ...
où peut-on accéder à tes essais ? |
|
Rizane
Newbie Depuis le: 02 Avr 2014 Status: Inactif Points: 29 |
Options des messages
Thanks(0)
|
Bonjour Larsene,
Je ne sais pas comment mettre à dispo mes essais ? J'ai bien mis "homme" dans valeur (le texte affiché est "Homme" avec une majuscule et j'y ai bien fait attention). |
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
Hum, pourtant quand je reteste, cela fonctionne...
tu n'as pas un hébergement en ligne où tu peux placer le site ? |
|
Rizane
Newbie Depuis le: 02 Avr 2014 Status: Inactif Points: 29 |
Options des messages
Thanks(0)
|
Pas du tout en retard pour vous répondre... C'est là que je vois que j'y travaille depuis un moment...
J'ai finalement tout intégré en bloc de code visuel, sans élément oe et en affichant/cachant en me servant de display avec la fonction : function choix(chaine) { var a= document.getElementById("choix_a"); var b= document.getElementById("choix_b"); if (chaine == 'cacher1'){ a.style.display = "block"; b.style.display = "none"; } else if (chaine == 'cacher2'){ a.style.display = "none"; b.style.display = "block"; } } |
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |