Discussion :

[C_C]

Salut,

J'ai sur ma page deux listes où les résultats de la seconde dépendent de ce qui est sélectionné dans la premiére. Pour cela j'ai une fonction ajax qui fonctionne bien sur firefox mais pas sur IE.
Ce qui arrive c'est que dans le innerHTML, sur IE, la fonction ajax ne met pas tout le code HTML que je veux.
Au lieu de metre ce code:

Code :

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

<option value="1">texte a mettre ici</option>

Elle met juste celui-ci:

Code :

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

texte a mettre ici</option>

Voici ma fonction Ajax

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
function updateSpecie()
{	
 
   		var xhr_object = null;			
		try
		{
		  // Firefox, Opera 8.0+, Safari
		  xhr_object=new XMLHttpRequest();
		}
		catch (e)
		{
		  // Internet Explorer
		  try
		  {
			  xhr_object=new ActiveXObject("Msxml2.XMLHTTP");
 
		  }
		  catch (e)
		  {
			  try
			  {
				  xhr_object=new ActiveXObject("Microsoft.XMLHTTP");
			  }
			  catch (e)
			  {
				  alert("Your browser don't support AJAX!");
				  return false;
			  }
		   }
		}
		xhr_object.open("POST", "actions/update.php", true);
 
		xhr_object.onreadystatechange = function()
		{
 
			if(xhr_object.readyState == 4)
			{
				alert(xhr_object.responseText);
		  		document.getElementById("species").innerHTML = xhr_object.responseText;
 
			}
 
 
	   	}
 
		xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
	    var data = "type="+escape(list.options[index].value);
 
	    xhr_object.send(data);
 
	}
}

Et la partie du code HTML qui doit être changée:

Code :

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

1
2
3
4
5
6
7
8
9
 
<tr>
     <td>Espèces:</td>
     <td>
          <select id="species">
              <option value="-1"></option>
           </select>
      </td>
</tr>

Est-ce que quelqu'un a une idée de ce qu'il faut faire pour corriger cela?

Merci d'avance.

[_Mac_]

Ce que tu reçois de la page actions/update.php, c'est du vrai XML bien formé ?

[C_C]

Oui le XML est bien formé.
Voici le code du fichier actions/update.php qui renvoi le code.

Code :

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

1
2
3
4
5
6
7
 
if(sizeof($species)>0)
{
        echo "<option value=\"\"></option>";
	foreach($species as $row)
		echo "<option value=\"".$row->id."\">".$row->name."</option>";
}

[_Mac_]

Comment tu sais que ton code Ajax ne mets que "texte a mettre ici</option>" au lieu de "<option value="1">texte a mettre ici</option>" ? Tu as fait un alert(xhr_object.responseText) pour vérifier ce que reçoit IE ? Tu peux nous montrer ce que ça affiche ? Il manque peut-être l'entête XML <?xml ...?>

[C_C]

En effet le xhr_object.responseText n'a pas l'entête xml mais est-ce qu'il doit l'avoir?
J'ai fait des alert pour voir ce que cela renvoyait et pour alert(xhr_object.responseText) j'ai ceci:

Code :

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

1
2
3
4
 
<option value=""></option>
<option value="1">abcd</option>
<option value="2">efgh</option>

Lá tout va bien.
Après, dans ma fonction ajax j'ai cette ligne de code:

Code :

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

document.getElementById("species").innerHTML = xhr_object.responseText;

Et après cette ligne je fait un nouveau alert ao innerHTML:

Code :

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

alert(document.getElementById("species").innerHTML);

Et j'obtiens cela:

Code :

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

abcd</option><option value="2">efgh</option>

Comme on peut voir, il y a bout du code HTML qui a disparu.

[_Mac_]

C'est plutôt ballot, en effet. Tu peux essayer en ajoutant l'en-tête XML ?

Fais aussi un alert(document.getElementById("species").innerHTML) avant de le changer, pour voir