onChange balise select sous IE

Version imprimable

Voir 40 message(s) de cette discussion en une page

15/07/2008, 10h20
jedi186

onChange balise select sous IE

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 :D
15/07/2008, 10h25
SpaceFrog

sans voir un bout de code ... 8O
Attend je prends ma boule de cristal ...
15/07/2008, 10h31
Bovino

Essaye peut-être quand tu remplis dynamiquement de donner le focus, faire ta modif et enlever le focus.
15/07/2008, 10h51
Bovino

Code:

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

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

Code:

if(list2)

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

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 ?
15/07/2008, 10h58
Bovino

Code:

if(list2!='')

par exemple ???
15/07/2008, 10h58
SpaceFrog

Code:

selectedIndex != -1

ou

Code:

options.length>0

?
15/07/2008, 11h06
jedi186

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

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.
15/07/2008, 11h18
E.Bzz

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

A+

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:

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 :?

15/07/2008, 11h31
Bovino

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

Désolé, je fatigue .

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
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>

15/07/2008, 11h43
E.Bzz

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+
15/07/2008, 11h47
jedi186

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
15/07/2008, 11h55
SpaceFrog

pas de caractères spéciaux dans les value des options ?
15/07/2008, 11h58
E.Bzz

Citation:

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:

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

:mrgreen:

A+
15/07/2008, 12h05
jedi186

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.
15/07/2008, 12h09
SpaceFrog

Ben c'est surtout que si tu n'en mets pas il ne risque pas de se passer grand chose ...
15/07/2008, 13h29
jedi186

Risque ou pas, ça ne change rien !
15/07/2008, 13h31
SpaceFrog

J'adore ta façon d'éviter soigneusement de nous montre ton nouveau code ...
:king:

Je n'ai toujours pas de boule de cristal !!!:aie:

Voir 40 message(s) de cette discussion en une page