Probl�me avec Javascript

Version imprimable

12/03/2007, 14h07
Sbooby

Probl�me avec Javascript

Boujour ,
je d�veloppe en php/ html.
j'ai un formulaire qui contien trois bouttons radion et je doit faire une fonction en jS qui m'affiche des <input type="text" ou non en fonction du bonton radio coch� ?
(je suis un noob en javascript :) )
12/03/2007, 14h08
thegreatbato

Oula il y a un truc que je comprends pas bien l� :

Citation:

et je doit faire une fonction en jS qui m'affiche des <input type="text" ou non en fonction du bonton radio coch� ?

Tu veut dire quoi par l� ?
12/03/2007, 14h14
Sbooby

si tu veux j'ai trois radio box en fonction du bouton radio s�lectionn� je dois rafraichir ma page avec soit un input type text sans valeur pr�d�finis, sois rien sois un input type text avec un valeur pr�d�finis pour cela je doit faire une fonction JS qui g�re cela
12/03/2007, 14h21
thegreatbato

Donc si je comprend bien, seulement dans le cas de "l'input text avec valeurs pr�d�finies" ??

Si c'est le cas alors il faut te pencher que tu �crive cela en PHP et non en JS ... Tu fais un select puis une boucle for ou tu ajoute tes options.
12/03/2007, 14h29
Sbooby

je sh�matise mon probl�me ce sera peut �tre plus clair:

� radio1
� radio2
� radio3

// si radio1 = 1
____________
|___________| // dans cette input text box il y a du contenu pr�d�fini

// si radio2 = 1

____________
|___________| // cette input text est vi�rge

//si radio3 = 1 je n'affiche pas de input text
12/03/2007, 14h34
coca25
en javascript, tu as 2 possibilit�s:
1. tu utilises les CSS pour cacher/montrer la zone
2. ou alors la fonction du DOM createElement pour cr�er � la vol�e la zone:
Code:

1 2 3 4 5 zone = document.createElement ('input'); zone.type = 'text'; zone.name = 'zone_texte'; document.forms[0].appendChild (zone);
12/03/2007, 14h38
Sbooby

le souci c'est que par exemple jai choisi le radio1 (donc j'ai un input text � l'�cran) si je clik tout de suit apr�s sur la radio3 l'input text devrait disparaitre et ce n'est le cas !
12/03/2007, 14h58
coca25
dans ce cas vaut mieux utiliser les css:
Code:

1 2 <input type='radio' ... onclick="document.getElementById ('lazone').style.visibility = 'visible'; ">
lazone �tant l'id de ta zone texte
c'est un exemple, faudrait mettre ca dans une fonction qui change de l'�tat visible � hidden selon l'�tat de d�part
12/03/2007, 15h04
Sbooby

OK merci je vais teste �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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
 
</head>
<body>
 
 
<form id="f" action="">
 
	<p>
		<input type="radio" name="r" value="vide" />vide<br />
		<input type="radio" name="r" value="rempli" />rempli<br />
		<input type="radio" name="r" value="rien" />rien<br />
	</p>
 
	<p id="new">
	</p>
 
	<p>
		<input type="submit" />
	</p>
 
</form>
 
<script type="text/javascript">
 
var n=document.getElementById("new");
var choix=document.getElementById("f").elements["r"];
 
var val, inp;
 
 
for(i=0;i!=choix.length;i++){
	choix[i].onclick=function(){
		while(n.lastChild){
			n.removeChild(n.lastChild)
		}
 
		val=this.value=="rempli" ? "contenu" : "";
		if(this.value!="rien"){
			inp=document.createElement("input");
			inp.type="text";
			inp.name="saisie";
			inp.value=val;
			n.appendChild(inp);
		}
	}
}
 
 
</script>
 
 
</body>
</html>

13/03/2007, 11h35
Sbooby

J'ai trouver la solution � mon probl�me. le sujet peut �tre clos.
Merci � tous pour vos r�ponses rapides est �fficaces.
13/03/2007, 13h05
javatwister

merci � toi de nous donner la solution en question (code?)