Discussion :

[honey0]

Bonjour,

Novice en javascript, je l'ai utilisé pour faire des contrôles sur formulaires et liés des listes déroulantes. Tout le code marche bien sur Firefox (même s'il y a un problème avec carractères accentués avec httpResquest et innerHTML), mais sous IE6 rien ne s'affiche.
Plus précisement, des messages d'erreur doivent s'afficher ou une case doit apparaitre selon le chiffre choisi.
Je précise que javascript est activé. Quand je le désactive et le réactive, le message d'erreur s'affiche, mais il suffit que je réactualise la page par exemple pour que plus rien ne se passe. Je ne sais pas à quoi c'est dû.

J'espère avoir des suggestions car je dois absolument le faire fonctionner sous IE6.

bye!

[SpaceFrog]

J'espère avoir des suggestions car je dois absolument le faire fonctionner sous IE6.

faut juste trouver les instruction js qui en plaisent pas à IE6
mais sans voit ton code ...

[honey0]

Salut!

voilà le code d'une page qui me permet d'enregistrer une personne. Si on choisit le profil "Responsable", la ca se "mot de passe" apparait.

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
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
116
117
118
119
120
121
122
123
 
<?php session_start();
        include_once ("fonctions.php"); 
        include_once ("fonctionsjs.php");       
        entete("Nouvelle personne");
        connexion();
                                
/********************** Ajout d'un nouvel acteur *************************************/ 
 
?>
<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="mail" 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" maxlength=5 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>
<tr> </tr>
                                                
</table>
</fieldset>
</form>
                                        
<?php
        if ((!isset($_SESSION['mail'] ))&& (!isset($_SESSION['pwd'])))
                {       
                        refuser();
                        $lebas=1;
                }
 
        else 
                {
                        $lebas=2;
        
                        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 (!empty($ligne))     //si l'email existe déjà
{
echo '<script type="text/javascript">   
alert ("Cette personne est déjà enregistrée");       </script>';
}
else if (empty($ligne))
{
$acteur = "$prenom $nom";
$double = mysql_query('select email from Personne where acteur="'.$acteur.'"');
                $ligne2 = mysql_num_rows($double);
                                                                                                        if (!empty($ligne2))
{
echo '<script type="text/javascript">   alert ("Attention, une autre personne porte les mêmes noms et prénom");       </script>';
}
                                                                                                
$inserer = mysql_query(' INSERT INTO Personne VALUES("", "'.$acteur.'", "'.$profil.'", "'.$email.'", "'.$pwd.'", "'.$tel.'")');                                                                                         
                                                                                        
if ($inserer)
{ 
                                                                                                        echo '<script type="text/javascript">   alert (" Nouvel acteur enregistré ");  </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>';                                                                                                     
}       
}
}
//si appui sur annuler
retour_annuler("index");
}
//      bas_page($lebas);
        ?>

le code JS contenu dans "fonctionsjs.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
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
 
 
function verifier_ajout_personne()
	{
		var nom=document.getElementById('form').nom.value;
		var prenom=document.getElementById('form').prenom.value;
		var mail=document.getElementById('form').mail.value;
		var profil=document.getElementById('form').profil.value;
		var pwd=document.getElementById('form').pwd.value;
 
		if (nom == "") 
			{
				document.getElementById('erreur').innerHTML='Veuillez remplir les champs obligatoires';
				document.getElementById('erreur').style.display='block';
				document.getElementById('erreur').className='focus';
				form.nom.focus();
				return false;
			}
		else 
			document.getElementById('erreur').style.display='none';	
 
		if (prenom == "") 
			{
				document.getElementById('erreur').innerHTML='Veuillez remplir les champs obligatoires';
				document.getElementById('erreur').style.display='block';
				document.getElementById('erreur').className='focus';
				form.prenom.focus();
				return false;
			}
		else 
			document.getElementById('erreur').style.display='none';	
 
		if (mail == "") 
			{
				document.getElementById('erreur').innerHTML='Veuillez remplir les champs obligatoires';
				document.getElementById('erreur').style.display='block';
				document.getElementById('erreur').className='focus';
				form.mail.focus();
				return false;
			} 		
		else 
			{
				document.getElementById('erreur').style.display='none';	
			}				
 
		if((profil == "Responsable") && (pwd == ""))
			{				
				document.getElementById('erreur').innerHTML='Veuillez entrer un mot de passe';
				document.getElementById('erreur').style.display='block';
				document.getElementById('erreur').className='focus';
				form.pwd.focus();
				return false;	
			}
		else 
			{
				document.getElementById('erreur').style.display='none';	
				document.form.submit();		//soumission du formulaire
			}
 
		return true;
	}
 
function champ_pwd()
	{
		var nb = document.forms[0].profil;
 
		contenu = nb.options[nb.selectedIndex].value;
 
		document.getElementById("pwd").type = "hidden";	
 
		if (contenu == "Responsable")
			{									
				document.getElementById("pwd" ).type="password";
			}
	}

a+

[tusssss]

Pour commencer, pourquoi ne pas se simplifier la vie :

Remplacer les :

Code :

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

var nom=document.getElementById('form').nom.value;

par

Code :

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

var nom=document.getElementById('nom').value;

Vu que tu as donné des id à tes balises input, autant t'en servir...

Ensuite,

Code :

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

form.nom.focus();

Tu crées une variable nom dans ton programme, es tu bien sur que d'utiliser cet appel, en utilisant les mêmes noms de variables, ne soit pas source de confusion, si ce n'est pour le navigateur, au moins pour moi

[honey0]

J'ai fait les remplacements,et comme ça donne le même résultat ta solution est plus effectivement plus simple.
Pour le nom de la variable qui est identique dans les 2 fichiers, je l'ai changé dans "fonctionsjs" mais ce n'est pas la source du problème; toujours pas de réponse avec IE6. J'ai voulu utiliser le même nom de variable car pour appeler l'id on met "" ou '', donc tant que c'est entre côtes, il est considéré comme venant du programme et s'il n'y en a pas, il le considère comme une variable js (c'est ce que je me dis).

Je rajoute juste un truc que j'ai oublié de dire en postant le problème:
IE6 n'affiche pas les erreurs mais il tient apparemment compte des "form.nom.focus();" car le curseur se positionne dans la case correspondante.

[SpaceFrog]

il ne te reste plus qu'a debugguer en deplaçant un alert dans ton code pour voir ce qu'IE6 n'aime pas

[tusssss]

Pour une balise de type "span", j'aurais tendance à utiliser l'attribut, display : inline, plutôt que display : block.

Cependant, je ne sais pas si cela change quelque chose.

Bon courage.

[honey0]

Bonjour,
Merci mais "dispaly: inline" ne change rien.

j'ai mis des alert() après chaque ligne pour savoir sur quelle ligne portait le problème et le premier "return false" il ne s'affiche pas, c'est donc de là vient le problème mais je ne sais pas quoi mettre à la place

[SpaceFrog]

un alert placé après un return false ne s'affichera JAMAIS !

return étant une sortie

[honey0]

tu as raison,
l'erreur vient de la fonction champ_pwd() dans laquelle contenu ne récupère pas la valeur du champ profil sous IE6 (il le fait sous FF). J'affiche contenu et il est vide et pourtant la ligne contenu = nb.options[nb.selectedIndex].value; s'exécute.

[SpaceFrog]

passe par son id ...

Code :

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

contenu = document.getElementById('machinbidulechouette').value;

[honey0]

en passant par l'id, IE ne l'affiche toujours pas. Il parait que c'est un bug de MS, une soltution est proposée sur:

http://support.microsoft.com/kb/276228/fr

mais je n'arrive pas à comprendre cette partie et à l'adapter à mon code:

Code :

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

1
2
3
4
5
6
 
var oldinnerHTML = "your original innerHTML: " + yourDiv.innerHTML ; 	
alert(oldinnerHTML);
yourDiv.innerHTML = origDivHTML;
 
var curinnerHTML = "your current innerHTML: " + yourDiv.innerHTML ;

j'ai mis div à la place de span pour l'affichage de l'erreur et j'ai mis le input du mot de passe dans un div, mais je ne vois pas comment changer le code JS

[SpaceFrog]

on peut voir le html du select ...
là ler innerhtml n'a pas grand chose a voir ...

[honey0]

le voilà:

Code :

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

1
2
3
4
5
6
7
 
<tr>	<label>
	<td> Profil </td>	 
	<td> <select name="profil" id="profil" onchange="champ_pwd()">
	        <?php $val = ''; liste_profils($val);?>
		</select> </td>
	</label>	</tr>

et celui de la fonction liste_profil($valeur):

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
 
  //ce paramètre me permet de laisser la valeur par défaut lorsque j'édite une ligne d'une table pour une modification
if(empty($valeur))
			{
				echo '	<option> Packageur </option>
						<option> Qualifieur </option>
						<option> Responsable </option>
						<option> CPI </option>
						<option> Admin QC </option>';
			}
		else 
			{
				if ($valeur == "Packageur")
					echo' <option selected="'.$valeur.'"> Packageur </option>';
				else
					echo' <option> Packageur </option>';
				if ($valeur == "Qualifieur")
					echo '<option selected="'.$valeur.'"> Qualifieur </option>';
				else
					echo '<option> Qualifieur </option>';
				if ($valeur == "Responsable")
					echo '<option selected="'.$valeur.'"> Responsable </option>';
				else
					echo '<option> Responsable </option>';
				if ($valeur == "CPI")
					echo '<option selected="'.$valeur.'"> CPI </option>';
				else
					echo '<option> CPI </option>';
				if ($valeur == "Admin QC") 
					echo '<option selected="'.$valeur.'"> Admin QC </option>';
				else
					echo '<option> Admin QC </option>';
			}

[SpaceFrog]

on peut voir le html du select ...

quelqu'un à demandé le php ?

[Bovino]

Code :

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

contenu = nb.options[nb.selectedIndex].value;

Tes options n'ont pas de value
Passe plutôt par text

Code :

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

contenu = nb.options[nb.selectedIndex].text;

Et au passage, la variable contenu, elle est déclarée où ?

[SpaceFrog]

Tes options n'ont pas de value
Passe plutôt par text

mets leur plutot une value !

[honey0]

Merci Bovino, il récupère maintenant le valeur, mais il n'affiche toujours pas le le champ caché:

Code :

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

1
2
3
4
5
6
document.getElementById("pwd").type = "hidden";	
 
if (contenu == "Responsable")
   {									
		document.getElementById("pwd" ).type="password";
   }

et les messages d'erreurs:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
if (nom1 == "") 
			{				
				document.getElementById('erreur').innerHTML='Veuillez remplir les champs obligatoires';
				document.getElementById('erreur').style.display='block';
				document.getElementById('erreur').className='focus';
				form.nom.focus();
 
				return false;
			}
		else 
			document.getElementById('erreur').style.display='none';

code 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
24
25
26
27
 
	<div id="erreur"> </div>	 
 
	<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="mail" 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>

[honey0]

merci à SpaceForg aussi