[AJAX] Ne fonctionne pas sous IE

Version imprimable

Bonjour,

Mon script ne me retourne pas de valeur sur IE alors que sur firefox, il faonctionne très bien.

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
function goCodePostalVille(param1,param2)
{
   var xmlhttp = null;
 
   try{
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   }
   catch(e){
      try{
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e){
         xmlhttp = false;
      }
   }
 
   if (!xmlhttp && typeof XMLHttpRequest!='undefined'){
      xmlhttp = new XMLHttpRequest();
   }
 
   xmlhttp.open('GET', '../ajax/ajaxCodePostalVille.php?param1='+param1.value,false);
   xmlhttp.setRequestHeader('User-Agent', 'Test generate select');
   xmlhttp.setRequestHeader('Accept', 'text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.7,*/*;q=0.1');
   xmlhttp.send(null);
 
   if(xmlhttp.status == 200)
   {
      var liste1 = xmlhttp.responseXML.getElementsByTagName('balise1');
      var liste2 = xmlhttp.responseXML.getElementsByTagName('balise2');
 
      var liste_select = document.getElementById(param2);
      var tmp = document.createElement('option');
 
      while(document.getElementById(param2).options.length > 0){
         document.getElementById(param2).removeChild(document.getElementById(param2).options[0]);
      }
 
      for(var i = 0, m = liste1.length; i < m; i++)
      {
         tmp.setAttribute('value', liste2[i].firstChild.nodeValue);
         tmp.removeAttribute('selected');
         if (liste2[i].firstChild.nodeValue == param2) tmp.setAttribute('selected', 'selected');
         tmp.appendChild(document.createTextNode(liste1[i].firstChild.nodeValue));
         liste_select.appendChild(tmp);
         tmp = tmp.cloneNode(false);
      }
 
      liste_select.disabled = false;
   }
}

Je test pourtant IE.

08/10/2009, 14h27
Matthieu2000

:idea:

Code:

new Option(value,text)

devait marcher avec tous les navigateurs!

Merci, je ne connais pas, je suis donc allé voir la doc.

J'ai donc fait

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
function goCodePostalVille(param1,param2)
{
   var xmlhttp = null;
 
   try{
      xmlhttp=new XMLHttpRequest();
   }
   catch(e){
      try{
         xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e){
         xmlhttp = false;
      }
   }
 
   if (!xmlhttp && typeof XMLHttpRequest!='undefined'){
      xmlhttp = new XMLHttpRequest();
   }
 
   xmlhttp.open('GET', '../ajax/ajaxCodePostalVille.php?param1='+param1.value,false);
   xmlhttp.setRequestHeader('User-Agent', 'Test generate select');
   xmlhttp.setRequestHeader('Accept', 'text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.7,*/*;q=0.1');
   xmlhttp.send(null);
 
   if(xmlhttp.status == 200)
   {
      var liste1 = xmlhttp.responseXML.getElementsByTagName('balise1');
      var liste2 = xmlhttp.responseXML.getElementsByTagName('balise2');
 
      var liste_select = document.getElementById(param2);
      var tmp = document.createElement('option');
 
      while(document.getElementById(param2).options.length > 0){
         document.getElementById(param2).removeChild(document.getElementById(param2).options[0]);
      }
 
      for(var i = 0, m = liste1.length; i < m; i++)
      {
         nouvel_element = new Option(liste2[i].firstChild.nodeValue,liste1[i].firstChild.nodeValue,false,false);
		 document.formulaire.liste.options[document.formulaire.liste.length] = nouvel_element;
		 document.formulaire.ip.value = "";
      }
 
      liste_select.disabled = false;
   }
}

Mais bon, du coup ça ne fonctionne plus nul part

08/10/2009, 14h46
E.Bzz

Bonjour,
on peut voir le code HTML associé ?

A+

Voici le code associé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<p class="double">
			<label for = "abonne_adr_cp" title="Veuillez saisir le code postal" class="oblig">*Code postal</label>
			<input type="text" name="abonne_adr_cp" id="abonne_adr_cp" size="6" maxlength="5"
			title="Veuillez saisir le code postal" value=""
			onChange="goCodePostalVille(document.getElementById('abonne_adr_cp'), document.getElementById('abonne_adr_ville').id);"
			onkeypress="if((event.which == 13)||(event.keyCode == 13)) champSuivant('abonne_adr_ville') "
			onfocus="this.className='focus';" onblur="this.className='normal';">
 
			<!---<div class="update" id="abonne_adr_cp_update"></div>
			<input type="hidden" name="abonne_adr_cp_id" id="abonne_adr_cp_id" value=""/>--->
		</p>
		<p class="double">
			<label for = "abonne_adr_ville" title="Veuillez choisir la ville" class="oblig">*Ville</label>
			<select name="abonne_adr_ville" id="abonne_adr_ville" title="Veuillez choisir une commune"
				onkeypress="if((event.which == 13)||(event.keyCode == 13))
				onfocus="this.className='focus';" onblur="this.className='normal';">
				<option value="">-- Saisissez votre code postal --</option>
		  	</select>
		</p>

09/10/2009, 12h07
lodan
C'est là que ça ne fonctionne pas dans mon javascript (sauf sous firefox)
Code:

1 2 3 4 alert("1"); var liste1 = xmlhttp.responseXML.getElementsByTagName('balise1'); alert("2");
Je vois 1 mais pas 2 sous ie ou opera
09/10/2009, 15h02
lodan

A partir du moment où l'endroit où cela ne fonctionne pas est trouvé, ensuite on remonte à la source et hop c'est plus facile.

Donc dans la constitution du xml, il y avait un ch'ti truc qui ne lui plaisait pas.