rendre invisible un bout de code en fonction d une radio box

Version imprimable

Bonjour,

voila j'aimerais pouvoir rendre visible une partie de mon code selon si une de mes radio box est cochée a Oui

Code:

1
2
3
4
 
<input type="radio" id="reponse9_9" name="reponse9_9" value="Oui" />
				<br />
<input type="radio" id="reponse9_9" name="reponse9_9" value="Non" />

et j'aimerais que le code suivant soit caché si c 'est non

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
		<script language="javascript"> 
		var checkbox_special=document.getElementById("reponse9_9")
 
		if (checkbox_special == 'Oui')
		{
 
		</script>	
		<TR>
			<TD>
				<?php echo $ques10 ?>
				<br />
				<?php echo $rep10_1 ?><input type="checkbox" id="reponse10_1" name="reponse10_1" value="<?php echo $rep10_1 ?>" />
				<br />
				<?php echo $rep10_2 ?><input type="checkbox" id="reponse10_2" name="reponse10_2" value="<?php echo $rep10_2 ?>" />
				<br />
				<?php echo $rep10_3 ?><input type="checkbox" id="reponse10_3" name="reponse10_3" value="<?php echo $rep10_3 ?>" />
				<br />
				<?php echo $rep10_4 ?><input type="checkbox" id="reponse10_3" name="reponse10_4"  value="<?php echo $rep10_4 ?>" />
				<br />
				<br />
			</TD>
		</TR>	
		<script language="javascript"> 
		}
		</script>

merci d'avance

Bonjour,

Javascript est exécute du coté client et PHP du coté serveur qui va généré ton code HTML et/ou javascript. Sur ce forum Javascript, le code HTML généré est le plus précieuse que le code PHP. Un id doit être unique dans un document.
Code:

1 2 3 <input type="radio" id="reponse9_9" name="reponse9_9" value="Oui" onclick="cachecache(this)"/> <br /> <input type="radio" id="reponse9_9_1" name="reponse9_9" value="Non" onclick="cachecache(this)"/>
Code:

1 2 3 <tr id="lol"> <td> ....
Code:

1 2 3 4 5 6 7 function cachecache(obj){ if(obj.value=="oui"){ document.getElementById("lol").style.display="block"; }else{ document.getElementById("lol").style.display="none"; } }
A+.

Bonjour,

merci de votre reponse.

Donc la partie javascript est bien a mettre dans les balises HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
<TR>
			<TD>
				<input type="radio" id="reponse9_9_1" name="reponse9_9" onclick="cachecache(this)" value="Oui" />
				<br />
				<input type="radio" id="reponse9_9_2" name="reponse9_9" onclick="cachecache(this)" value="Non" />
				<br />
				<br />
 
				<script language="javascript"> 
					function cachecache(obj)
					{
						if(obj.value=="Oui")
							document.getElementById("lol").style.display="block";
								else
							document.getElementById("lol").style.display="none";
					}
				</script>
 
			</TD>
 
		</TR>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
<TR id="lol">
			<TD>
				<?php echo $ques10 ?>
				<br />
				<?php echo $rep10_1 ?><input type="checkbox" id="reponse10_1" name="reponse10_1" value="<?php echo $rep10_1 ?>" />
				<br />
				<?php echo $rep10_2 ?><input type="checkbox" id="reponse10_2" name="reponse10_2" value="<?php echo $rep10_2 ?>" />
				<br />
				<?php echo $rep10_3 ?><input type="checkbox" id="reponse10_3" name="reponse10_3" value="<?php echo $rep10_3 ?>" />
				<br />
				<?php echo $rep10_4 ?><input type="checkbox" id="reponse10_3" name="reponse10_4"  value="<?php echo $rep10_4 ?>" />
				<br />
				<br />
			</TD>
		</TR>

oui il y a quelque encore que j'ai pas compris car ca ne fonctionne pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
	<head>
		<title>hello</title>
		<script type="text/javascript">
			function cachecache(obj)
					{
						if(obj.value=="Oui")
							document.getElementById("lol").style.display="block";
								else
							document.getElementById("lol").style.display="none";
					}
		</script>
	</head>
	<body>
		<input type="radio" id="reponse9_9_1" name="reponse9_9" onclick="cachecache(this)" value="Oui" />
		<input type="radio" id="reponse9_9_2" name="reponse9_9" onclick="cachecache(this)" value="Non" />
		<table>
			<tr>
				<td>bla bla</td>
				<td>bla bla</td>
				<td>bla bla</td>
			</tr>
			<tr id="lol">
				<td>lol</td>
				<td>lol</td>
				<td>lol</td>
			</tr>
			<tr>
				<td>bla bla</td>
				<td>bla bla</td>
				<td>bla bla</td>
			</tr>
	</body>
</html>

Ce code fonctionne chez moi.

Montre nous ton code HTML généré mais pas le PHP.
A+.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<TR>
	<TD>
 
<input type="radio" id="reponse9_9_1" name="reponse9_9" onclick="cachecache(this)" value="Oui" />
<br />
<input type="radio" id="reponse9_9_2" name="reponse9_9" onclick="cachecache(this)" value="Non" /><br />
	</TD>
 
</TR>	
 
 
<TR id="lol">
	<TD>
		<input type="checkbox" id="reponse10_1" name="reponse10_1" value="toto" />
<br />
<input type="checkbox" id="reponse10_2" name="reponse10_2" value="titi" />
<br />
<input type="checkbox" id="reponse10_3" name="reponse10_3" value="tata" />
<br />
<input type="checkbox" id="reponse10_4" name="reponse10_4"  value="tutu" />
<br />
 
	</TD>
</TR>

radio box

de vous informer sur la, ... ?
Oui
Non

checkbox

Lesquels ?
toto
titi
tata

javascript est bien activé dqns mon firefox.

13/02/2011, 13h32
florianjoy54
ce qui ne fonctionne pas c est la ligne
Code:

1 2 document.getElementById("lol").style.display="block";
en effet quand je mets juste une alerte ca me l'affiche bien
13/02/2011, 13h46
florianjoy54

non en fait c est lorsque je mets id="lol" dans ma balise <TR> cqr lorsque je le met dans une des ligne de checkbox ca fonctionne
13/02/2011, 14h14
NoSmoking
Citation:

Envoyé par andry.aime

Montre nous ton code HTML généré mais pas le PHP.

click droit -> afficher la source puis copier/coller

Se pourrait-il que ton document ne comporte de balise TABLE donc pas d'élément TABLE, TR et le reste
Code:

1 2 3 4 5 6 7 8 9 10 <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table>
voila la bonne constitution d'une table