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

**florianjoy54** · 13/02/2011, 02h30

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 :

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

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 :

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
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

**andry.aime** · 13/02/2011, 08h20

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 :

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

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 :

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

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

Code :

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

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+.

**florianjoy54** · 13/02/2011, 10h54

Bonjour,

merci de votre reponse.

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

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
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 :

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
 
 
<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

**andry.aime** · 13/02/2011, 11h04

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
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+.

**florianjoy54** · 13/02/2011, 11h19

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
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.

**florianjoy54** · 13/02/2011, 13h32

ce qui ne fonctionne pas c est la ligne

Code :

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

1
2
 
	document.getElementById("lol").style.display="block";

en effet quand je mets juste une alerte ca me l'affiche bien

**florianjoy54** · 13/02/2011, 13h46

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

**NoSmoking** · 13/02/2011, 14h14

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 html :

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

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

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

JavaScript

Discussions similaires

Partager

Partager