Discussion :

[MikeV]

Bonjour,
J'ai fait un sondage en php et il y a un block(partie discussion) du songade que je fais apparaitre selon l'option choisit dans 3 boutons radios :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
echo "<input type='radio' name='eligible' value='1' id='eligible' onchange='afficher_discussion()' /><strong>oui</strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
echo "<input type='radio' name='eligible' value='2' id='eligible' onchange='afficher_discussion()' /><strong>non</strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
echo "<input type='radio' name='eligible' value='3' id='eligible' onchange='afficher_discussion()' />peut-être";

Dès qu'il y a un changement au niveau de ces boutons radio, j'aimerais afficher ou désactiver un block(discussion) du sondage.
Donc si :
eligible =1 (afficher)
eligible =2 (ne pas afficher)
eligible =3 (ne pas afficher)

Voici ma fonction qui serait supposée afficher ou cacher mon block(discussion):

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
19
function afficher_discussion(){
 
	var discussion = document.getElementById("discussion");
	var obj = document.getElementById("eligible");
 
	if (obj.value == 1){
	discussion.style.display = "block";
	alert("1");
	}
	if (obj.value == 2){
	discussion.style.display = "none";
	alert("2");
	}
	if (obj.value == 3){
	discussion.style.display = "none";
	alert("3");
	}
 
}

Mon problème est que je récupères toujours la valeur 1...peu importe le bouton radio sélectionné. Donc mon block ne fait que s'afficher mais il ne se cache jamais..

Quelqu'un à une idée !?

Merci !

[stem]

il faut donner des id différents et utiliser la propriété .checked

exemple : if (document.getElementById('id1').checked)

[MikeV]

Merci, je ne pensait pas que les boutons radio fonctionnait avec .checked.

Le seul problème que j'ai maintenant c'est tout fonctionne bien sauf que après avoir sélectionné 1 des trois boutons radio, je dois recliquer n'importe ou dans la page pour que mon script embarque.

Qu'est-ce qui manque? quelque chose dans ma fonction ou c'Est mon ''onchange'' qui n'est pas adéquat ?

voici ma fonction modifié:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function afficher_discussion(){
 
	var discussion = document.getElementById("discussion");
 
	if (document.getElementById('eligible1').checked){
	discussion.style.display = "block";
	}
	if (document.getElementById('eligible2').checked){
	discussion.style.display = "none";
	}
	if (document.getElementById('eligible3').checked){
	discussion.style.display = "none";
	}
}

Merci !

[E.Bzz]

Bonjour,

il faut donner des id différents et utiliser la propriété .checked

exemple : if (document.getElementById('id1').checked)

Exact, chaque ID doit être unique (et non, ce n'est pas négociable )
Dans ton cas, par contre, le name est bien pratique.
En enlevant (ou en changeant) les id, donc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var obj = document.getElementsByName("eligible"); // Retourne un tableau d'elements
for (i=0; i<obj.length; i++) {
 discussion.style.display = (obj[i].checked)?"block":"none";
 alert(obj[i].value);
}

A+

[E.Bzz]

Le seul problème que j'ai maintenant c'est tout fonctionne bien sauf que après avoir sélectionné 1 des trois boutons radio, je dois recliquer n'importe ou dans la page pour que mon script embarque.

Pour certains nav, le "changement" n'est considéré comme effectif qu'à la sortie du champ.

A+

[MikeV]

Pour certains nav, le "changement" n'est considéré comme effectif qu'à la sortie du champ.

A+

Certains nav...disons...Internet Explorer (jamais je n'aurais pensé pouvoir détester autant un navigateur des fois je pense qu'il est contre moi..ou je suis peut être juste débile!)

Merci pour tout !

[crazyyann]

Utilise OnClick plutot que OnChange.