Discussion :

[schwinny34]

Bonjour a tous.

bon je poste depuis ce compte car j'ai perdu mon ancien compte ^^
Pouvez vous me dire si cela est possible en fonction javascript?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function enfant(obj)
	{
		for(i=1;i<=test;i++)
		{
			document.formulaire.age[i].style.display="block";
		}
 
		for(i>test;i<=10;i++)
		{
			document.formulaire.age[i].style.display="none";
		}

voila le code que j'ai dans la page php.

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
 
	<Tr>
    	<TH>Nombre d'enfants :</TH>
        <TD>
        <SELECT name="nbrenfants" type="NUMERIC" onChange ="javascript:enfant(this);">
			<OPTION VALUE="0" SELECTED>0</OPTION>
			<OPTION VALUE="1">1</OPTION>
			<OPTION VALUE="2">2</OPTION>
			<OPTION VALUE="3">3</OPTION>
			<OPTION VALUE="4">4</OPTION>
			<OPTION VALUE="5">5</OPTION>
			<OPTION VALUE="6">6</OPTION>
			<OPTION VALUE="7">7</OPTION>
		</SELECT>
        </TD>
    </Tr>  
 
    <Tr>
    	<TH>Age du Premier Enfant :</TH>
        <TD><input name="age1" type="text"><br></TD>
    </Tr>
    <Tr>
    	<TH>Age du deuxième Enfant :</TH>
        <TD><input name="age2" type="text"><br></TD>
    </Tr>
    <Tr>
    	<TH>Age du Troisième Enfant :</TH>
        <TD><input name="age3" type="text"><br></TD>
    </Tr>
    <Tr>
    	<TH>Age du Quatrième Enfant :</TH>
        <TD><input name="age4" type="text"><br></TD>
    </Tr>
    <Tr>
    	<TH>Age du Cinquième Enfant :</TH>
        <TD><input name="age5" type="text"><br></TD>
    </Tr>
    <Tr>
    	<TH>Age du Sixième Enfant :</TH>
        <TD><input name="age6" type="text"><br></TD>
    </Tr>
    <Tr>
    	<TH>Age du Septième Enfant :</TH>
        <TD><input name="age7" type="text"><br></TD>
    </Tr>

[SpaceFrog]

Code :

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

name="age"

ou

si tu souhaites conserver ton age1 age2

Code :

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

document.getElementsByTagName('age'+i)[0].style.display="none";

ou

Code :

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

document.forms['formulaire'].elements['age'+i][0].style.display="none";

[Auteur]

bonsoir,

Code :

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

for(i>test;i<=10;i++)

le 1er argument de la boucle for consiste à affecter une valeur à la variable incrémentée. Or ici tu as i>test.

Peut-être as-tu voulu écrire :

Code :

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

1
2
 
for(i=test;i<=10;i++)

[schwinny34]

salut auteur


non non
juste au dessus, je parametre la valeur de test donc ca c'est bon.

je vais essayer la methode de SpaceFrog et vous tiens au courant

merci beaucoup

[E.Bzz]

Bonjour,

juste au dessus, je parametre la valeur de test donc ca c'est bon.

non ce n'est pas bon
Comme le dit Auteur, le 1° argument doit être la valeur de départ.
Un test n'a pas sa place ici (il ne sert à rien).
Si tu souhaites conserver la valeur de i en entrée de boucle, ne mets rien ...

A+

[schwinny34]

j'avais fait une erreur de copié collé :p

voila ce qui marche

Code :

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

1
2
3
4
5
6
7
8
9
 
		for(i=1;i<=7;i++)
		{
			document.forms['formulaire'].elements['age'+i].style.display="none";	
		}	
		for(i=1;i<=document.formulaire.nbrenfants.value;i++)
		{
			document.forms['formulaire'].elements['age'+i].style.display="block";	
		}

Bon par contre, ce qui ne marche pas, c'est avec un div

Code :

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

1
2
 
document.getElementsByTagName('age1').style.display="none";

ni

Code :

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

1
2
 
document.forms['formulaire'].elements['age'+i].style.display="none";

en parametrant le i


voila le code html:

Code :

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

1
2
3
4
5
6
 <div title="age1">	
     <Tr>
    	<TH>Age du </TH>
        <TD><input name="lage1" type="text"><br></TD>
    </Tr>
    </div>