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