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.