onChange balise select sous IE

**jedi186** · 15/07/2008, 10h20

Bonjour à tous,

Je vous expose mon problème :

J'ai rempli 4 listbox.
Au choix de ma première listBox je remplis la deuxième et ainsi de suite.
Les remplissage se font en Ajax par l'intermédiaire d'une fonction javascript.
Dans la balise <select> sur onChange j'appelle cette fonction Javascript. Mais le soucis est que sous IE, j'arrive a faire remplir ma deuxième listBox à partir de la première, mais le onchange sur la deuxième (pour remplir la troisième) ne se déclenche pas.

Est ce qu'il y a une astuce pour pallier à ce problème ?

Merci d'avance.
Bonne journée !

Jedi186

**SpaceFrog** · 15/07/2008, 10h25

sans voir un bout de code ...

Attend je prends ma boule de cristal ...

**Bovino** · 15/07/2008, 10h31

Essaye peut-être quand tu remplis dynamiquement de donner le focus, faire ta modif et enlever le focus.

**Bovino** · 15/07/2008, 10h51

Code :

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

onChange=\"synchroListeClient('filiale', '', '', 'BU')

c'est normal, au premier lancement de ta fonction,

Code :

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

if(list2)

vaut vrai car list2 existe et est égal à une chaîne vide, seulement, getElementById('') n'existe pas... ça pose problème.

**jedi186** · 15/07/2008, 10h54

humm ok en fait j'avais mis if(list2) pour voir s'il contient quelque chose ou pas.

Mais comment je peux mettre alors pour dire qu'il rentre dans ce if seulement si list2 contient quelque chose ?

**Bovino** · 15/07/2008, 10h58

Code :

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

if(list2!='')

par exemple ???

**SpaceFrog** · 15/07/2008, 10h58

Code :

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

selectedIndex != -1

ou

Code :

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

 options.length>0

?

**jedi186** · 15/07/2008, 11h06

Merci pour vos réponse, mais effectivement j'avais essayé avec list2!= '' puis avec vos autres astuce mais rien ne change

Il est frustrant ce IE en plus il me ralentit.

Mais je crois pas que ça vienne de m'a fonction javascript, car au onchange, même quand je met un alert('COUCOU'); devant, il me le déclenche pas.

J'ai essayé de donner le focus, ça change pas.

**E.Bzz** · 15/07/2008, 11h18

Bonjour,
merci de reposter le code généré (récupéré dans la fenêtre du nav) : celui que tu nous donnes ne permet pas de trouver les erreurs.

Si c'est déjà le code généré, il y a pas mal de problèmes de quottes

A+

**jedi186** · 15/07/2008, 11h25

Je pense que ça risque d'être encore pire lol mais bon
Voici ci-dessous le premier code que j'ai mis c'est à dire celui de l'affichage :

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
 
 
$reponse .= "			<td class='formLibelle'>Filiales : <select name='filiale' id='filiale' onChange=\"clearSelect('BU');clearSelect('entite');clearSelect('site');synchroListeClient('filiale', '', '', 'BU');\">";	
$reponse .= "				<option value='0'></option>";
for($i=0; $i < count($lesXFiliales); $i++) {
    $reponse .= "				<option value='$lesXFiliales[$i]'";
    if ($YFiliale == $lesXFiliales[$i])
        $reponse .= " 					 ";	
 
    $reponse .= "					>".$lesNomsFiliales[$i]."</option>";
}
$reponse .= "			</select><br></td>\n";
$reponse .= "			<td class='formLibelle'>Business Units : <select name='BU' id='BU' onChange=\"alert('COUCOU');clearSelect('entite');clearSelect('site');synchroListeClient('BU', 'filiale', '', 'entite')\">";	
$reponse .= "				<option value='0'></option>";
$reponse .= "				<option value='none'";
$reponse .= "					";	
$reponse .= "					></option>";
$reponse .= "				</select><br></td>\n";
$reponse .= "			<td class='formLibelle'>Entités : <select name='entite' id='entite' onChange=\"clearSelect('site');synchroListeClient('entite', 'BU', 'filiale', 'site')\">";	
$reponse .= "				<option value='0'></option>";
$reponse .= "				<option value='none'";
$reponse .= "					 ";	
$reponse .= "					></option>";
$reponse .= "				</select><br></td>\n";
$reponse .= "			<td class='formLibelle'>Sites : <select name='site' id='site' onChange=\"recupContacts('filiale', 'BU', 'entite', 'site', 'contact', 'Achat');recupContacts('filiale', 'BU', 'entite', 'site', 'contact', 'Technique')\">";	
$reponse .= "				<option value='none'";
$reponse .= "				 ";	
$reponse .= "				></option>";
$reponse .= "			</select><br></td>\n";
$reponse .= "		</tr>\n";

$reponse est une variable que je retourne à la fin de ma fonction php.

Comme je l'ai dis auparavant, le alert('COUCOU') ne se déclenche pas, donc je pense pas que ça vienne de ma fonction javascript.

Le problème c'est que la console de firefox ne m'indique pas d'erreur

**Bovino** · 15/07/2008, 11h31

Ca, c'est pas le code généré...

**jedi186** · 15/07/2008, 11h35

Désolé, je fatigue .

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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
 
 
<HTML>
	<HEAD>
		<title>accueil</title>
		<META HTTP-EQUIV='pragma' content='no-cache'>
		<META HTTP-EQUIV='Robots' content='none'>
		<LINK rel=stylesheet type='text/css' href='css/general.css'>
		<SCRIPT type='text/javascript' SRC='javascripts/js_AO.php'></SCRIPT>
		<SCRIPT type='text/javascript' SRC='javascripts/js_general.php'></SCRIPT>
	</HEAD>
	<BODY onLoad="javascript:cacheId('IdTableAddClient');">
		<table cellpadding='0' cellspacing='0' border='1' width='100%' height='100%'>
			<tr valign='top'>
				<td style='max-width:203px;width:203px;'>
<table cellpadding='0' cellspacing='0' align='left' border='0' width='203px' >
	<tr>
		<td><a href='appels_offre.php'><img src='images/menu_AO.gif'><a></td>
	</tr>
	<tr>
		<td><a class='AO' href='appels_offre.php?action=1'>Ajouter un appel d'offre<a></td>
	</tr>
	<tr>
		<td><a class='AO' href='appels_offre.php?action=4'>Rechercher<a></td>
	</tr>
	<tr>
		<td><a href='devis.php'><img src='images/menu_D.gif' style='margin-top:10px;'><a></td>
	</tr>
	<tr>
		<td><a href='commandes_c.php'><img src='images/menu_CC.gif' style='margin-top:10px;'><a></td>
	</tr>
	<tr>
		<td><a href='commandes_m.php'><img src='images/menu_CM.gif' style='margin-top:10px;'><a></td>
	</tr>
	<tr>
		<td><a href='factures_c.php'><img src='images/menu_FC.gif' style='margin-top:10px;'><a></td>
	</tr>
	<tr>
		<td><a href='factures_m.php'><img src='images/menu_FM.gif' style='margin-top:10px;'><a></td>
	</tr>
	<tr>
		<td><a href='reporting.php'><img src='images/menu_RA.gif' style='margin-top:10px;'><a></td>
	</tr>
</table>
				</td>
				<td width='100%'>
<table cellpadding='0' cellspacing='0' align='left' border='0' width='100%' >
<tr height='36'>
	<td width='18'><img src='images/AO_1.gif'></td>
	<td background='images/AO_2b.gif'><img src='images/AO_2a.gif'></td>
	<td width='28'><img src='images/AO_3.gif'></td>
</tr>
	<tr>
		<td background='images/cadre_4.gif'></td>
		<td align='center'><SCRIPT language='javascript'>
		function donneFocus(id)
{
// le fait de donner le focus à un élément déplace aussi la fenêtre
// pour rendre l'élement visible
var element = document.getElementById(id);
element.focus();
}
 
		</SCRIPT><form name='form_Ajout_AO' action='appels_offre.php' method='get'>	<table bgcolor='#fee3ca' cellpadding='0' cellspacing='5' border='0'>
	<input type='hidden' name='enregistrerAO' value='0'>	<input type='hidden' name='XAppelOffre' value=''>		<tr>
			<td class='formSousTitre'>Client : </td>		</tr>
		<tr>
			<td class='formLibelle'>Filiales : <select name='filiale' id='filiale' onChange="clearSelect('BU');clearSelect('entite');clearSelect('site');synchroListeClient('filiale', '', '', 'BU');">				<option value='0'></option>				<option value='1'					>a</option>				<option value='4'					>TA</option>				<option value='2'					>toto</option>			</select><br></td>
			<td class='formLibelle'>Business Units : <select name='BU' id='BU' onChange="alert('COUCOU');clearSelect('entite');clearSelect('site');synchroListeClient('BU', 'filiale', '', 'entite')">				<option value='0'></option>				<option value='none'										></option>				</select><br></td>
			<td class='formLibelle'>Entités : <select name='entite' id='entite' onChange="clearSelect('site');synchroListeClient('entite', 'BU', 'filiale', 'site')">				<option value='0'></option>				<option value='none'					 					></option>				</select><br></td>
			<td class='formLibelle'>Sites : <select name='site' id='site' onChange="recupContacts('filiale', 'BU', 'entite', 'site', 'contact', 'Achat');recupContacts('filiale', 'BU', 'entite', 'site', 'contact', 'Technique')">				<option value='none'				 				></option>			</select><br></td>
		</tr>
		<tr>
			<td><a href="javascript:afficheId('IdTableAddClient');">Ajout d'un client : </a></td>
		<tr>
		<td colspan='4'>
	<table bgcolor='#cca27c' cellpadding='0' cellspacing='5' border='0' align='center' id='IdTableAddClient'>
		<tr>
			<td class='formLibelle'>Filiales : <select name='addFiliale' id='addFiliale' >
				<option value='0'></option>				<option value='1'					>a</option>				<option value='4'					>TA</option>				<option value='2'					>toto</option>			</select><br></td>
			<td class='formLibelle'>Business Units : <select name='addBU' id='addBU' >				<option value='0'></option>				<option value='1'					>Chimie</option>				<option value='3'					>Logistique</option>				<option value='2'					>Plant</option>			</select><br></td>
			<td class='formLibelle'>Entités : <select name='addEntite' id='addEntite' >				<option value='0'></option>				<option value='2'					>Mecachimie</option>				<option value='1'					>Technoplus Industries</option>			</select><br></td>
			<td class='formLibelle'>Sites : <select name='addSite' id='addSite' >				<option value='0'></option>				<option value='1'					>Aix en Provence (13)</option>				<option value='2'					>Montpellier (34)</option>			</select><br></td>
		</tr>
		<tr>
			<td colspan='2' class='formLibelle'>Adresse : <INPUT type='text' name='txtAdr1' size='50'></td>
			<td colspan='2' class='formLibelle'>Complément d'adresse : <INPUT type='text' name='txtAdr2' size='40'></td>
		</tr>
		<tr>
			<td class='formLibelle'>Code postal : <INPUT type='text' name='txtCP'></td>
			<td class='formLibelle' colspan='3'>Ville : <INPUT type='text' name='txtVille'></td>
		</tr>
		<tr>
			<td class='formLibelle'>Téléphone : <INPUT type='text' name='txtTel'></td>
			<td class='formLibelle'>Fax : <INPUT type='text' name='txtFax'></td>
			<td class='formLibelle' colspan='2'>Email : <INPUT type='text' name='txtEmail'></td>
		</tr>
		<tr>
			<td colspan='4' align='center'><a href='#'>Enregistrer le client</a></td>
		</tr>
		</table>
		</td>
		</tr>
		<tr>
			<td colspan='4'><br></td>
		</tr>
		<tr>
			<td class='formSousTitre' colspan='4'>Contact :</td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Achats : <select name='contactAchat' id='contactAchat'>				<option value='none' 					SELECTED 					></option>			</select><br></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Techniques : <select name='contactTechnique' id='contactTechnique'>				<option value='none' 					SELECTED 					></option>			</select><br></td>
		</tr>
		<tr>
			<td><a href="javascript:afficheId('IdTableAddContact');">Ajout d'un contact : </a></td>
		<tr>
		<tr>
			<td>
				<table bgcolor='#cca27c' cellpadding='0' cellspacing='5' border='0' align='center' id='IdTableAddContact'>
				</table>
			</td>
		<tr>
		<tr>
			<td colspan='4'><br></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Reférence appel d'offre : <input id='test' type='text' name='refAppel' value=''></td>
			<td colspan='4'></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Date réception : <input type='text' name='DateReception' value=''></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Libellé : </td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'><textarea rows='10' cols='100'></textarea></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Date limite de réponse : <input type='text' name='DateReception' value=''></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Réponse GIE : <select name=''>				<option value='' 				SELECTED 				></option>			</select><br></td>
		</tr>
		<tr>
			<td colspan='4'><br></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Responsable Appel d'offre : <select name='YUtilisateur'><option value='1'>M. JOE</option>			</select><br></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Corps d'Etats : <select name='corps_etat' id='corps_etat' onChange="clearSelect('specialite');clearSelect('metier');synchroListeReporting('corps_etat', '', 'specialite', 'metier')">				<option value='0'></option>				<option value='3'				>Electricite</option>				<option value='4'				>Electronique</option>				<option value='1'				>Genie atomique</option>				<option value='2'				>Genie civil</option>				<option value='5'				>Qualite, Securite & Environnement</option>				<option value='6'				>TRANSPORT DE MATIERES DANGEREUSES</option>			</select><br></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Spécialités : <select name='specialite' id='specialite' onChange="clearSelect('metier');synchroListeReporting('corps_etat', 'specialite', 'metier', '')">				<option value='none' 				SELECTED 				></option>			</select><br></td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Métiers : <select name='metier' id='metier'>				<option value='none' 				SELECTED 				></option>			</select><br></td>
		</tr>
		<tr>
			<td colspan='4'><br></td>
		</tr>
		<tr>
			<td class='formSousTitre' colspan='4'>Fichier associés : </td>
		</tr>
		<tr>
			<td class='formLibelle' colspan='4'>Ajout d'un fichier : <INPUT type='file'></td>
		</tr>
		<tr>
			<td colspan='4'><br></td>
		</tr>
		<tr>
			<td align='center' colspan='4'><INPUT class='bouton' type='submit' name='btEnregistrer' value='Enregistrer'> <INPUT class='bouton' type='reset' name='btReset' value='Réinitialiser'></td>
		</tr>
	</table>
</form></td>
		<td background='images/cadre_6.gif'></td>
	</tr>
	<tr>
		<td background='images/cadre_7.gif' height='19px' width='18px'></td>
		<td background='images/cadre_8.gif' height='19px' width='*'></td>
		<td background='images/cadre_9.gif' height='19px' width='28px'></td>
	</tr>
</table>
				</td>
			</tr>
		</table>
	</BODY>
</HTML>

**E.Bzz** · 15/07/2008, 11h43

Pas d'erreur flagrante dans ce code

Si ton alert('COUCOU') ne s'affiche pas, c'est certainement que tu as une erreur au chargement de la page ...
Peut être dans tes JS include en .PHP

Un autre traitement JS passe-t-il (ex : un autre onchange, ou un masquage d'élément) ?
Pas d'erreur signalée ?

A+

**jedi186** · 15/07/2008, 11h47

Ben sur le chargement de ma page j'appelle ma fonction pour cacher des element mais bon rien à signaler de ce coté.

Le pire c'est que mon premier onChange sur filiale, lui il marche, il me remplit ma litbox sur les BU, mais après quand je choisis mon BU il me remplit pas mes Entités.

Ca rend fou lol

**SpaceFrog** · 15/07/2008, 11h55

pas de caractères spéciaux dans les value des options ?

**E.Bzz** · 15/07/2008, 11h58

Envoyé par jedi186

Le pire c'est que mon premier onChange sur filiale, lui il marche, il me remplit ma litbox sur les BU, mais après quand je choisis mon BU il me remplit pas mes Entités.

Faudrait peut être que tu le génères, le onchange, pour qu'il se déclenche

Code :

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

echo "<select name=\"BU\" id=\"BU\" size=\"1\">";

A+

**jedi186** · 15/07/2008, 12h05

SpaceFrogg : Non seulement une majuscule au debut du nom.

E.Bzz : J'avais essayé, j'ai eu l'espoir, mais non rien ne se passe.

Mais même si je met un onClick ça marche pas.