Discussion :

[gmonta31]

Bonjour,

j'aimerais obtenir dans un div le contenu d'une popup. Si ajax est compatible avec le navigateur, le code suivant est exécuté (httpObj est un objet de type XMLHttpRequest ou ActiveXObject pour IE):

Code :

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

1
2
3
4
5
6
7
8
9
10
 
httpObj.open("GET",urlPopup,true);
httpObj.onreadystatechange = function()
{
  if(httpObj.readyState == 4) 
  {                                               document.getElementById('divPopupAjax').innerHTML=httpObj.responseText;
   document.getElementById('divPopup').style.display='block';
  }
}
httpObj.send(null);

Ce code fonctionne sous firefox, mais déclenche une erreur javascript bizarre sous internet explorer. (Erreur d'exécution inconnue...) à la ligne du innerHTML. J'ai lu que IE empêchait d'aller réécrire le contenu d'un élément avec innerHTML, mais peut-être seulement dans certains cas.

Est-ce que qqn pourrait m'aider ?

Autre chose, l'objet xmlHttpRequest retourne le résultat de la requête (avec responseText) en utf-8. Ce qui fait que mes caractères avec accents ne sont pas affichés correctement...Il faudrait spécifier à cet objet de me les retourner en ISO. Qqn sait faire cela ?

Merci d'avance de vos réponses

[metalpetsFR]

Je pense que le problème viens du fait que IE ne peut remplacer le contenu d'une élément HTML par innerHTML seulement si cet élément est un DIV.

Je pense qu'il te suffit de englober ton élément dans un div est le probleme est réglé.

[kemenaran]

IE, en théorie, supporte innerHTML pour tous les éléments classiques (dixit la MSDN). Donc je ne sais pas trop ce qui cloche...

Par contre, pour l'encodage en UTF8 ou ISO, c'est au niveau du serveur que ca se passe : lors de l'envoi de la réponse Ajax, ton script coté serveur doit spécifier l'encodage, en utilisant le header http "content-type".

[bavibavi]

il faut en effet que tu spécifie l'encoding de ta réponse.

En ce qui concerne l'affichage dans ton div, tu as essayés d'afficher la réponse dans une alert ? ca va te permettre deja de voir si c'est correct.

De plus j'ai entendu dire que IE (6 il me semble ou une autre version) ne gere pas bien ajax et génère une erreur, tu utilises quelle version de IE ?

C'est normal que tes div n'aient pas le meme nom ?

Code :

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

document.getElementById('divPopupAjax').innerHTML

Code :

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

document.getElementById('divPopup').style.display

[gmonta31]

Justement divPopupAjax est un div, donc théoriquement ca devrait jouer...bizarre. Mais c'est possible que c'est parce qu'il y a "trop" de code ?

Sinon oui c'est normalement que les divs n'aient pas le même nom. Enfait le divPopup est inclu dans le divPopupAjax grâce à innerHTML justement. Et comme il est d'abord invisible, je le remets en visible.

Concernant l'encodage, j'ai lu que l'objet ajax xmlHttpRequest retourne de toute façon du texte encodé en UTF-8. J'ai trouvé une fonction setRequestHeader pour lui spécifier l'encodage ISO-8859-1, mais ca change rien