BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - Afficher selon le bouton radio sélectionné
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Afficher selon le bouton radio sélectionné

 Répondre Répondre
Auteur
Message
Rizane allez vers le bas
Newbie
Newbie


Depuis le: 02 Avr 2014
Status: Inactif
Points: 29
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Rizane Citer  RépondreRéponse Lien Direct à ce Post Sujet: Afficher selon le bouton radio sélectionné
    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();
}

});
});
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 02 Avr 2014 à 19:55
bizarre ton code, pour vérifier l'état d'un bouton radio, il faut lire ses attributs. en l'occurence :

$("#bouton_radio").prop("checked", true)


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
Haut de la page
Rizane allez vers le bas
Newbie
Newbie


Depuis le: 02 Avr 2014
Status: Inactif
Points: 29
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Rizane Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 02 Avr 2014 à 20:04
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 !
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 02 Avr 2014 à 20:59
Attention, un bouton radio ne fonctionne pas de la même façon qu'une case à cocher !

$( "#WE40bad20688" ).change(function() {
if($('input[name=WE40bad20688][value=1]').is(":checked"))
{
//code si option 1 cochée
alert("option 1");
}
else
{
//code si option2 cochée
alert("Option 2");

}
});


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é !
Haut de la page
Rizane allez vers le bas
Newbie
Newbie


Depuis le: 02 Avr 2014
Status: Inactif
Points: 29
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Rizane Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Avr 2014 à 11:24
Bonjour,

J'ai cherché, cherché, mais Cry 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 !
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Avr 2014 à 16:10
attention, la valeur est différente du texte affiché ...

où peut-on accéder à tes essais ?
Haut de la page
Rizane allez vers le bas
Newbie
Newbie


Depuis le: 02 Avr 2014
Status: Inactif
Points: 29
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Rizane Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Avr 2014 à 16:15
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).


Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 17 Avr 2014 à 18:35
Hum, pourtant quand je reteste, cela fonctionne...

tu n'as pas un hébergement en ligne où tu peux placer le site ?
Haut de la page
Rizane allez vers le bas
Newbie
Newbie


Depuis le: 02 Avr 2014
Status: Inactif
Points: 29
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Rizane Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Juil 2014 à 14:02
Pas du tout en retard pour vous répondre... C'est là que je vois que j'y travaille depuis un moment... Confused

 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";
}

}
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.