le code Javascript n'est pas affiché par IE6

Version imprimable

11/08/2010, 14h44
honey0

le code Javascript n'est pas affiché par IE6

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!
11/08/2010, 14h54
SpaceFrog

Citation:

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 ... :aie::roll:

code

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:

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:

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";
			}
	}

11/08/2010, 16h19
tusssss

Pour commencer, pourquoi ne pas se simplifier la vie :

Remplacer les :

Code:

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

par

Code:

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

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

Ensuite,

Code:

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 :aie:
11/08/2010, 16h40
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.
11/08/2010, 16h43
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
11/08/2010, 16h46
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.
12/08/2010, 08h57
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:?
12/08/2010, 09h05
SpaceFrog

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

return étant une sortie
12/08/2010, 09h38
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.
12/08/2010, 09h42
SpaceFrog

passe par son id ...

Code:

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

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:

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

12/08/2010, 10h11
SpaceFrog

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

le voilà:

Code:

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:

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>';
			}

12/08/2010, 10h56
SpaceFrog

Citation:

on peut voir le html du select ...

quelqu'un à demandé le php ? :aie:
12/08/2010, 10h56
Bovino

Code:

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

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

Code:

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

Et au passage, la variable contenu, elle est déclarée où ? ;)
12/08/2010, 11h03
SpaceFrog

Citation:

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

:triste:

mets leur plutot une value !

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

Code:

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:

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:

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>

12/08/2010, 11h20
honey0

merci à SpaceForg aussi