Probleme affich/cach tablo, HELP

**rigolman** · 21/10/2005, 10h02

Bonjour et davance merci pour votre aide !

je galere pas mal avec ce petit javascript que jessaie doptimiser...

je vous explique en gros ce que je veux faire :

j'ai 3 bouton radio, avec com nom "nbimg" qui peuv avoir com valeur de 1 à 3.

Je voudrai que lorsque lutilisateur selectionne lun des bouton radio, il y ait 1, 2 ou 3 tablo qui saffiche / se cache.

vila mon code qui ne fonctionne pa malheureusement :

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
//1 image
var iscomplete=false
 
function checkform5() {
iscomplete=false
varnb="0"
for (i=0;i<=document.form1.elements.length-1;i++) {
if (document.form1.nbimg.value=="1") {
iscomplete=true
varnb="1"
}
else if (document.form1.nbimg.value=="2") {
iscomplete=true
varnb="2"
}
else if (document.form1.nbimg.value=="3") {
iscomplete=true
varnb="3"
}
}
 
if (!iscomplete) {
if (document.all) {
	if (varnb=="1") {
	cache1.style.visibility="VISIBLE"
	cache2.style.visibility="VISIBLE"
	}
	if (varnb=="2") {
	cache2.style.visibility="VISIBLE"
	}
	if (varnb=="3") {
	}
iscomplete=false
}
 
}
if (iscomplete) {
//document.write("Test");
if (document.all) {
	if (varnb=="1") {
	cache1.style.visibility="HIDDEN"
	cache2.style.visibility="HIDDEN"
	}
	if (varnb=="2") {
	cache2.style.visibility="HIDDEN"
	}
	if (varnb=="3") {
	}
iscomplete=true
}
}
 
var timer= setTimeout("nbimg()",200)
}
 
function oksubmit() {
return iscomplete
}

**XtoX** · 21/10/2005, 10h10

Pourrais-tu préciser comment tu appelles cette fonction ?

**rigolman** · 21/10/2005, 10h13

Oui voila les 3 bouton radio (jutilise : Click="checkform5()" ):

Code :

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

1
2
3
4
5
6
<input type="radio" name="nbimg" value="1" onClick="checkform5()">
1
<input type="radio" name="nbimg" value="2" onClick="checkform5()">
2 
<input name="nbimg" type="radio" value="3" onClick="checkform5()" checked>
3

**denisC** · 21/10/2005, 10h15

cache1 cache2 et cache3 sont des variables qui ne sont définies nulle part..... (cf getElementById())

Sinon, utilise style.display plutot que style.visibility, le résultat est plus celui attendu...

**Mr N.** · 21/10/2005, 10h20

Envoyé par rigolman

vila mon code qui ne fonctionne pa malheureusement :

C'est à dire ? Qu'est ce qui te fais dire que ca ne fonctionne pas ? erreurs javascript ? Si oui que dit la console de Firefox ?

**rigolman** · 21/10/2005, 10h20

Si en fait c'est des div qui permettent didentifier ce que je veux afficher ou cacher dans ma page web :

Code :

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

1
2
3
4
 
 <div id="cache1" style="visibility:visible;"> 
TABLO
</div>

**XtoX** · 21/10/2005, 10h31

Je ne comprend pas cette partie du code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
if (!iscomplete) { 
if (document.all) { 
   if (varnb=="1") { 
   cache1.style.visibility="VISIBLE" 
   cache2.style.visibility="VISIBLE" 
   } 
   if (varnb=="2") { 
   cache2.style.visibility="VISIBLE" 
   } 
   if (varnb=="3") { 
   } 
iscomplete=false 
}

Quand tu arrives à ce niveau là, iscomplete est toujours à True... donc tu ne passes jamais dans ce if ?!?

Il sert à quoi ce if ?

**rigolman** · 21/10/2005, 10h48

franchement je sais pas trop, jai repris un bou de code que jai adapté... je sais juste que normalement il test si le iscomplete existe... c tout !

maintenant si tu as une autre proposition plus simple a me faire pr faire ce que je veux, c me va aussi

**rigolman** · 21/10/2005, 11h14

o pire tu peux mindiquer ce que tu ferais... en gros je veux juste que lorsque le visiteur clic sur tel ou tel bouton radio, le javascript detect quel est la valeur de ce bouton et qu'en fonction de celle ci il affiche 1, 2 3 tablo/image dans ma page...
je pense que c possible...

**XtoX** · 21/10/2005, 11h23

Voilà ce que tu peux faire

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html>
	<script language="javascript">
		var iscomplete = false; 
 
		function checkform5() 
		{ 
			iscomplete = false; 
			varnb = 0; 
			for (i=0;i<=document.form1.elements.length-1;i++) 
			{ 
				if (document.form1.nbimg[i].checked == true) 
				{ 
					iscomplete = true; 
					varnb = i + 1; 
				} 
			} 
 
			if (!iscomplete) 
			{ 
				if (document.all) 
				{ 
					if (varnb==1) 
					{ 
						cache1.style.visibility="VISIBLE"; 
						cache2.style.visibility="VISIBLE"; 
					} 
					if (varnb==2) 
					{ 
						cache2.style.visibility="VISIBLE"; 
					} 
					if (varnb==3) 
					{ 
					} 
					iscomplete=false; 
				} 
			} 
 
			if (iscomplete) 
			{ 
				if (document.all) 
				{ 
					if (varnb==1) 
					{ 
						document.all.cache1.style.visibility="HIDDEN"; 
						document.all.cache2.style.visibility="HIDDEN"; 
					} 
					if (varnb==2) 
					{ 
						document.all.cache2.style.visibility="HIDDEN";
					} 
					if (varnb==3) 
					{ 
					} 
					iscomplete=true;
				} 
			} 
		} 
	</script>
 
	<body>
		<form name="form1">
			<input type="radio" name="nbimg" value="1" onClick="checkform5()">	1 
			<input type="radio" name="nbimg" value="2" onClick="checkform5()">	2 
			<input type="radio" name="nbimg" value="3" onClick="checkform5()" checked>	3 
 
			<div id="cache1" style="visibility:visible;">Div1</div> 
			<div id="cache2" style="visibility:visible;">Div2</div> 
			<div id="cache3" style="visibility:visible;">Div3</div> 
		</form>
	</body>
</html>

Par contre concernant les règles de gestion, j'ai pas tout compris... adapte les à ta sauce

**rigolman** · 21/10/2005, 11h47

super ! merci beaucoup à toi !

ya juste un tout petit soucy, c que quand tu reclic sur le deu ou le trois, les champs ne se réaffiche pas... il faudrait juste qu'il se réaffiche ou se cache selon ce que le coche tu vois?

**XtoX** · 21/10/2005, 11h48

précise exactement ce que tu veux... parce que les règles de gestion, je ne les ai pas comprises

**rigolman** · 21/10/2005, 12h10

ok, en fait c tout simple :

jai 3 bouton radios, avec 3 valeur qui vont de 1 à 3, ces valeur correspondent en fait à 3 élément dans ma page HTML encadré par des balises DIV.

je voudrai juste qu'en fonction du bouton radio que je selectionne, il maffiche un, deu ou 3 de ces éléments... et si je selectionne le bouton radio avec la valeur 1, mais qu ejuste derriere, je change davi et que je selectionne le bouton radio avec la valeur 3, il faut qu'il sadapte en consequence pour passer de laffcihage dune balise Div à 3...

je sais pa si c super clair ??

**XtoX** · 21/10/2005, 13h57

Si j'ai bien compris, voilà ce que j'ai fait

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
	<script language="javascript">
		var iscomplete = false; 
 
		function checkform5() 
		{ 
			iscomplete = false; 
			varnb = 0; 
			for (i=0;i<=document.form1.elements.length-1;i++) 
			{ 
				if (document.form1.nbimg[i].checked == true) 
				{ 
					iscomplete = true; 
					varnb = i + 1; 
				} 
			} 
 
			switch (varnb) 
			{
				case 1: 
					cache1.style.visibility="VISIBLE"; 
					cache2.style.visibility="HIDDEN"; 
					cache3.style.visibility="HIDDEN";
					break;
				case 2: 
					cache1.style.visibility="VISIBLE"; 
					cache2.style.visibility="VISIBLE"; 
					cache3.style.visibility="HIDDEN";
					break;
				case 3: 
					cache1.style.visibility="VISIBLE"; 
					cache2.style.visibility="VISIBLE"; 
					cache3.style.visibility="VISIBLE";
					break; 
			} 
		} 
	</script>
 
	<body>
		<form name="form1">
			<input type="radio" name="nbimg" value="1" onClick="checkform5()">	1 
			<input type="radio" name="nbimg" value="2" onClick="checkform5()">	2 
			<input type="radio" name="nbimg" value="3" onClick="checkform5()" checked>	3 
 
			<div id="cache1" style="visibility:visible;">Div1</div> 
			<div id="cache2" style="visibility:visible;">Div2</div> 
			<div id="cache3" style="visibility:visible;">Div3</div> 
		</form>
	</body>
</html>

**rigolman** · 21/10/2005, 14h01

Super ! genial ! perfait !

exactement ce que je voulais !

Un enorme merci à toi XtoX !!

Alex.

Probleme affich/cach tablo, HELP

JavaScript

Discussions similaires

Partager

Partager