document.forms[] ambiguité entre 0 et 1

Version imprimable

Bonjour,

je ne m'y connais pas vraiment en javascript. J'ai trouvé un bout de code qui me permet de cacher ou montrer un input.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 var nb = document.forms[0].profil; //alert(nb); // contenu = nb.options[nb.selectedIndex].value; contenu = nb.options[nb.selectedIndex].text; document.getElementById("pwd").type = "hidden"; if (contenu == "Responsable") { document.getElementById("pwd" ).type="password"; }
mais le problème c'est que souvent "document.form[0]" ne marche pas, il faut mettre "document.form[1]" et inversement.

Je suis peut être novice mais je trouve ça étrange de jongler entre les 2 valeurs.
Cette valeur représente quoi exactement??

au pif je dirai que le formulaire est considéré comme un tableau et que 0 ou 1 c'est l'indice de l'élément. J'ai lu des docs js mais je ne me rappelle pas de ça ou j'ai dû oublier.

Au fait profil c'est l'id d'un select. Donc suivant la valeur de profil j'affiche ou cache le champ mot de passe car seuls les responsables sont tenus d'en avoir un.

+++

26/08/2010, 15h07
SpaceFrog

on peut voir le html de la page ???
tu as plusieurs forms sur la page ???

Voila le code de mon formulaire

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
 
 
<?php 	session_start();
		include_once ("fonctions.php");	
		include_once ("fonctionsjs.php");	
 
		connexion();
 
		entete("Nouvelle absence");
 
/********************** Ajout d'une absence *************************************/			
?>
			<form method="post" id="form" >
						<fieldset class="absence_personne"> <legend> Nouvel acteur </legend>
							<table cellspacing=20 cellpadding=2 align="center">
 
								<span id="erreur"> </span>	 
 
								<tr>	<label>
									<td> Nom  <font color="red" size=2> * </font> </td>	<td> <input type="text" name="nom" id="nom" size=30 value="<?php if(isset($_POST['nom'])) echo $_POST['nom']; ?>" /> </td>
								</label>	</tr>
 
								<tr>	<label>
									<td> Prénom <font color="red" size=2> * </font> </td>	 <td> <input type="text" name="prenom" id="prenom" size=30 value="<?php if(isset($_POST['prenom'])) echo $_POST['prenom']; ?>" /> </td>
								</label>	</tr>
 
								<tr>	<label>
									<td> Profil </td>	 
									<td> <select name="profil" id="profil" onchange="champ_pwd()">
										<?php $val = ''; liste_profils($val);?>
									</select> </td>
								</label>	</tr>
 
								<tr>	<label>
									<td> E-mail <font color="red" size=2> * </font> </td>	 <td> <input type="text" name="email" id="email" size=30 value="<?php if(isset($_POST['email'])) echo $_POST['email']; ?>" /> </td>
								</label>	</tr>
 
								<tr>	<label>
									<td> Mot de passe </td>	 <td>  <input type="hidden" name="pwd" id="pwd" size=30 /> </td>
								</label>	</tr>
 
								<tr>	<label>
									<td> Téléphone </td>	 <td> <input type="text" name="tel" size=30 value="<?php if(isset($_POST['tel'])) echo $_POST['tel']; ?>"  /> </td>
								</label>	</tr>
 
								<tr>	<label>
									<td> </td> 	<td align="center"> <input type="submit" name="sauver" value="Enregistrer" onclick="return verifier_ajout_personne();" /> 
																	<input type="submit" name="annulation" value="Annuler" /> </td>
								</label>	</tr>
 
							</table>
					</fieldset>
				</form>			
<?php
			if (isset($_POST['sauver']))	//si on appuie sur "Enregistrer", récupérer les valeurs saisies 
				{
					$nom = verifier_isset("nom");
					$prenom = verifier_isset("prenom");
					$profil = verifier_isset("profil");
					$email = verifier_isset("email");
					$pwd = verifier_isset("pwd");
					$tel = verifier_isset("tel");
 
							//vérification côté serveur au cas où javascript serait désactivé ou poserait problème
					if (empty($prenom) or empty($email) or empty($nom))
						echo '<script type="text/javascript"> alert( "Vous devez remplir les champs nom, prénom et e-mail"); </script>';
 
					else
						{
							if (verifiermail($email))	//format email valide
								{																							
									$mail = mysql_query('select email from Personne where email="'.$email.'"');
									$ligne = mysql_num_rows($mail);
 
									if ($ligne!=0)	//si l'email existe déjà
										{
											echo '<script type="text/javascript">	alert ("Cette personne est déjà enregistrée");	</script>';
										}
									else 
										{
											$acteur = "$prenom $nom";
											$double = mysql_query('select email from Personne where acteur="'.$acteur.'"');
											$ligne2 = mysql_num_rows($double);
 
											$attention = '';
 
											if ($ligne2!=0)
												{
													//echo '<script type="text/javascript">	alert ("Attention, une autre personne porte les mêmes noms et prénom");	</script>';
													$attention = 'Attention, une autre personne porte les mêmes nom et prénom';
												}
 
											$inserer = mysql_query(' INSERT INTO Personne VALUES("", "'.$acteur.'", "'.$profil.'", "'.$email.'", "'.$pwd.'", "'.$tel.'")');												
 
											if ($inserer)
												{ 
													echo '<script type="text/javascript">	alert (" Nouvel acteur enregistré '.$attention.'");	</script>';
												}
											else 
												echo '<script type="text/javascript">	alert ("Erreur pendant l\'enregistrement");	</script>';
										}
								}		
 
							else	//format email invalide
								{
								echo '<script type="text/javascript">	alert ("L\'adresse email est invalide") </script>';													
								}
						}
				}
			retour_annuler('index');
?>
			</div> 
		</div>
	</body>
</html>

comme on le voit, je n'ai qu'un seul seul formulaire que je valide sur la même page.

- connexion(): fonction de connexion à la base
-verifier_isset($val): contient

Code:

1
2
3
4
5
6
7
8
 
 
if(isset($_POST[$val])
   $valeur = $_POST[$val];
else
   $valeur =  '';
 
return $valeur;

-retour_annuler($page):

Code:

1
2
3
4
5
6
 
 
if (isset ($_POST['annulation']))
			{
				header("location:".$page.".php");
			}

26/08/2010, 15h20
SpaceFrog

laisse php en dehors de ça ...

donne nous plutot le html généré !

voilà le 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
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
 
 
<form method="post" id="form" >
	<fieldset class="absence_personne"> <legend> Nouvel acteur </legend>
		<table cellspacing=20 cellpadding=2 align="center">
 
		       <span id="erreur"> &nbsp; </span>	 
 
			<tr>	<label>
				<td> Nom  <font color="red" size=2> * </font> </td>	                       <td> <input type="text" name="nom" id="nom" size=30 value="<?php if(isset($_POST['nom'])) echo $_POST['nom']; ?>" /> </td>
			</label>	</tr>
 
			<tr>	<label>
			        <td> Prénom <font color="red" size=2> * </font> </td>	
                               <td> <input type="text" name="prenom" id="prenom" size=30 value="<?php if(isset($_POST['prenom'])) echo $_POST['prenom']; ?>" /> </td>
	               </label>	</tr>
 
			<tr>	<label>
				<td> Profil </td>	 
				<td> <select name="profil" id="profil" onchange="champ_pwd()">
					<?php $val = ''; liste_profils($val);?>
				       </select> </td>
			</label>	</tr>
 
			<tr>	<label>
			        <td> E-mail <font color="red" size=2> * </font> </td>	 
                                <td> <input type="text" name="email" id="email" size=30 value="<?php if(isset($_POST['email'])) echo $_POST['email']; ?>" /> </td>
			</label>	</tr>
 
			<tr>	<label>
		                <td> Mot de passe </td>	
                                <td>  <input type="hidden" name="pwd" id="pwd" size=30 /> </td>
			</label>	</tr>
 
			<tr>	<label>
				<td> Téléphone </td>	 <td> <input type="text" name="tel" size=30 value="<?php if(isset($_POST['tel'])) echo $_POST['tel']; ?>"  /> </td>
			</label>	</tr>
 
			<tr>	<label>
			        <td> </td> 	
                               <td align="center"> 
                                   <input type="submit" name="sauver" value="Enregistrer" onclick="return verifier_ajout_personne();" /> 
															                  <input type="submit" name="annulation" value="Annuler" /> </td>
			</label>	</tr>
 
		</table>
	</fieldset>
</form>

27/08/2010, 12h33
SpaceFrog

Citation:

id="form" >

Voilà la démonstration parfaite de la confusion que peut entrainer l'utilisation de mots réservés du langage !

Code:

id="monform"

et document.forms.length sera bien egal à 1
et pour le coup ton

Code:

document.forms[0]

pointera bien sur ton form
27/08/2010, 14h04
honey0

merci,

je change tous mes id "form" en alors. :oops: