[AJAX] Ajax et IE

Bonsoir,

Je débute avec Ajax et voilà mon problème :
J'ai créé ma page avec un select qui se construit avec une sélection précédente.

J'ai créé un code javascript qui fait appel à un fichier php pour procéder à une requête SQL pour remplir ce select.

Extrait HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<table id="tab"> <tr> <td> <select id="choix" onchange="choix(document.getElementById('choix').value)"> <option>Choix 1</option> <option>Choix 2</option> </select>   <select name="test"> </select> </td> </tr> </table>

---

En gros mon javascript :

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

function choix(choix) { // Script AJAX var xhr = null; if(window.XMLHttpRequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.ActiveXObject){ // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }; } else { // XMLHttpRequest non supporté par le navigateur alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; }; //on définit l'appel de la fonction au retour serveur xhr.onreadystatechange = function() { ajax(xhr); };   //on appelle le fichier xhr.open("GET", "ajax.php?choix="+choix, true); xhr.send(null); }   function ajax(xhr) { if (xhr.readyState == 4) { document.getElementById('tab').elements['test'].innerHTML = xhr.responseText; }; }

---

Et mon fichier php retourne la chose suivante (après la requête SQL qui va bien avec un WHERE prenant 'choix' en paramètre et le while ($row) qui va bien aussi) :

Code:

---

echo "<option>$row[intitulé]</option>";

---

Alors ca fonctionne impec sous FF, sous IE7 à la première ouverture de la page le readyState passe bien à 4 mais il n'affiche rien dans le select...
Quelqu'un a-t-il une piste ?

D'avance merci !!!!

PS : j'ai essayé en commentant var xhr = null; et xhr = false; mais ça n'a rien changé...

Après plusieurs tests, on dirait que c'est le '?choix="+choix' qui ne passe pas avec IE7 :

Code:

---

xhr.open("GET", "ajax.php?choix="+choix, true);

---

Autre truc, si je remplace :

Code:

---

document.getElementById('tab').elements['test'].innerHTML = xhr.responseText;

---

Par :

Code:

---

document.getElementById('tab').elements['test'].options[0] = new Option(xhr.responseText);

---

Ca passe sous IE7 et FF, mais le problème c'est que du coup on a tout dans une seule option...

EU-RE-KA !!! J'ai trouvé !!!

Bon, alors pour la passation de variable, c'est résolu, j'ai rajouté :

Code:

---

<option VALUE="Choix 1">Choix 1</option>

---

Ensuite, après avoir bien galéré, penser passer par un fichier texte, etc.

J'ai concocté ça :

Code:

---

echo "$row[intitulé]/";

---

Code:

---

1 2 3 4 5 6 7 8 9 10

function ajax(xhr) { if (xhr.readyState == 4) { var chaine = xhr.responseText; var reg = new RegExp("/", "g"); var tableau = chaine.split(reg); for (var i=0; i<tableau.length; i++) { document.getElementById('tab').elements['test'].options[document.getElementById('tab').elements['test'].length] = new Option(tableau[i]); }; }; }

---

Et ça marche !!! :yaisse2:

Bon, reste plus qu'un détail pour intégrer les é et autre accents...
J'ai bien mis

Code:

---

<script type="text/javascript" charset="iso-8859-1" src="script.js"></script>

---

pourtant...

La conclusion que je tire de cette enseignement... :mouarf: comme d'habitude, il faut se compliquer la vie pour que ça soit opérationnel sous IE... Mais bon, l'essentiel c'est que ça fonctionne !!!! :aie: