[DOM] JavaScript et DOM pour modifier du texte

Bonjour à tous,

Mon problème est assez simple. Je récupère la réponse d'une requète XmlHttpRequest (code html généré par un script php) que j'aimerai afficher dans une balize DIV de ma page HTML.

Voici mon code :

Code:

---

1 2 3 4 5 6

xhr_object.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr_object.readyState == 4 && xhr_object.status == 200){ document.getElementById("info").innerHTML=xhr_object.responseText; } }

---

Tout marche très bien lors du premier appel à la fonction (clic sur un bouton par exemple). Le problème survient lors des appels suivant. Au lieux de remplacer simplement mon texte par la réponse de la nouvelle requète, il les "colle" ensemble et afficher l'ancier et le nouveau (et ainsi de suite). J'aimerai donc savoir comment faire pour "vider" le contenu de la balize "info" avant une nouvelle requète, ou tout autre moyen pour gérer ce genre de situation.

Merci pour votre aide,

Kev.

a mon avis le problème ne vient pas de l'affectation dasn le innerHTML du div mais plutot de la requete ...
essaye de faire un alert du responsetext et à mon avis tu verras que la concaténation se fait à ce niveau là ...

donc soit la requete au niveau du responseText n'est pas bonne soit ton responseText concatène ... il faudra le vider avant ...

Lol, je m'habituerai jamais à ca !

Comment la fonction a-t-elle une référence à l'objet Xhr ???

Bien sur, ca marche car JS prend en charge les références des fonctions parentes dans les fonctions générées à l'intérieux de celles-ci mais normalement l'objet Xhr s'obtient par this...

De même pour tous les autres arguments de ce genre de fonction (ex: id, titre, page, ...)

Mais puriste que je suis.... ;)

J'y avais en effet déja pensé. Si je rajoute l'alerte comme suit:

Code:

---

1 2 3 4 5 6

xhr_object.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr_object.readyState == 4 && xhr_object.status == 200){ alert(xhr_object.responseText); document.getElementById("info").innerHTML=xhr_object.responseText; }

---

J'obtiens bien une réponse différente et non concaténée à chaque clic de bouton.. Je devrais alors trouver un moyen pour vider le champ avant l'appel à la fonction.. Mais comment faire ?

Merci

Kev.

Ton element info, il se situe ou dans ta page web ? Il est ajouté par AJAX ?

Voici mon élément info placer dans ma page web:

Code:

---

1 2	<div id="info"> </div>

---

J'aimerai donc affichier du texte entre ces balizes quand je clic sur un bouton avec certaines options.

Et tu es sur qu'il n'y a pas d'autres elements info dans ta page et dans l'AJAX que tu ajoute dans la balise ?

Il n'y a que deux occurences du mots "info" dans ma page :) Celle de mon getElementById et celle de mon DIV...

N'existe t'il pas une fonction pour vider le contenu du innerHTML avant de le remplir à nouveau ?

Tu avais raison Fremy... la réponse que je générais contenait elle aussi des DIV "info", d'ou mon problème...

Un grand merci pour ton aide

De rien !
Bonne continuation