Xmlhttprequest, problème avec IE... et pas sous Firefox

Bonjour à tous,

Je regarde actuellement ce qui peut se faire avec Xmlhttprequest, j'ai donc commencé un formulaire utilisant cette technique.

Tout marche nickel sur Firefox, et sous IE en revanche, problème !...

IE affiche une fois le fichier php appelé par le script, et il l'affiche mal, puis si on actualise ou qu'on change de page et que l'on revient, là il n'afiche carrément plus le fichier php appelé !

Voici mon code dans le fichier js :

Citation:

---

function Appel(File) {
var xhr_object = null;
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.open("GET", File, true);

xhr_object.onreadystatechange = function() {
if(xhr_object.readyState == 4) EffacerDiv(xhr_object.responseText) ;
}
xhr_object.send(null);
}

function AjouterDiv(txt) {
document.getElementById("dData").innerHTML += txt+"<br />";
document.getElementById("dData").scrollTop = document.getElementById("dData").scrollHeight;
}

function EffacerDiv(txt_temp) {
document.getElementById("dData").innerHTML = "";
AjouterDiv(txt_temp) ;
}

function collectData() {
s = "";
for (i = 0; i < 6; i++) {
totalRadio = document.getElementsByName("choix"+i).length;
for (j = 0; j < totalRadio; j++) {
if (document.getElementsByName("choix"+i)[j].checked == true){
s = s + "choix"+i+"=" + document.getElementsByName("choix"+i)[j].value;
if (i != 5)
s = s +"&";
}
}
}
Appel('XHR.php?calc=true&'+s);
}

---

Et dans le code, un premier appel pour afficher le fichier php une première fois :

Citation:

---

<script type="text/javascript">
Appel('XHR.php') ;
</script>

---

Puis la div :

Citation:

---

<div id="dData"></div>

---

Si quelqu'un a une idée de pourquoi ça ne fonctionne pas correctement sur IE (6), parceque ça fonctionne très bien sur Firefox :?

Merci !

salut,
as tu un message d'erreur ?
que retourne tu avec ton php ?

Tu devrais peut etre raouté un test :

Code:

---

1 2 3

if(xhr_object.readyState == 4 && xhr_object.status == 200) EffacerDiv(xhr_object.responseText) ; }

---

comme ça tu teste aussi la réponse du serveur, on sait jamais

Aucun message d'erreur ! Simplement page vide à l'endroit ou il devrait y avoir le formulaire sur IE...

Le PHP retourne un formulaire, et quand il est appelé avec des paramètres, ça met à jour les infos du formulaire.

Si je rajoute ton test, c'est pareil :?
A la première fois, quand je lance IE et queje vais sur la page, ça s'affiche, mais en cas d'une actualisation ou d'un changement de page, après plus rien...

ok donc ca marche une fois mais pas deux.

Mais la première fois ca marche correctment ?

Voilà la première fois quand tu lances IE et que tu y vas, ça fonctionne (sauf un petit bug d'affichage mais pas grave je pense), par contre si tu actualises ça ne marche plus, et si tu changes de page ou de site et que tu reviens, ça ne s'affiche plus non plus !

je me demande si ca serais pas un probleme de cache ?

Comment ça ? Du navigateur ? J'ai fait l'essai en le vidant, mais ça ne change rien :?

met toi un alert dans la fonction pour voir si il y repasse bien.

J'ai essayé plusieurs alert et il y à un endroit ou ça coince, dans EffacerDiv :

function EffacerDiv(txt_temp) {
document.getElementById("dData").innerHTML = "";
AjouterDiv(txt_temp) ;
}

Si je met alert(txt_temp) avant document.getElementById("dData").innerHTML = "";, j'ai bien l'alert avec le script PHP dedans, mais après document.getElementById("dData").innerHTML = ""; il n'y a plus moyen d'afficher un alert !

ok, ta page est pas finie de charger quand il le fait je pense

Code:

---

1 2 3 4 5 6

<script type="text/javascript"> window.onload=function(){ Appel('XHR.php') ; } </script>

---

Effectivement, ça règle le problème !
Il me reste encore un problème d'affichage... mais ça c'est IE je pense ^^

Merci :wink: