[Ajax][Resolut] Pb avec div.innerHTML = xhr.responseText; sous ie

Pb avec div.innerHTML = xhr.responseText; sous ie [Ajax][Resolut] - HTML/CSS - Programmation

Marsh Posté le 21-08-2008 à 11:02:33    

Salut,
 
Je vais vous parler d'un pb sur lequel je viens de plancher 2 jours sans trouver la solution sur le net. Je me suis dit que si qqun tombait dessus, ca pourrait bien l'aider de trouver un post avec la solution !
 
On imagine une page html contenant ceci :

Code :
  1. <script language="Javascript">
  2.   <!--
  3. //// Fonction permettant d'apeller une page php (target) en lui passant des parametres (params) et d'afficher son contenu dans un div (div)
  4. function AjaxPostAndPrintResInDiv(target, params, div)
  5. {
  6.    var OAjax;
  8.    if (window.XMLHttpRequest)
  9.      OAjax = new XMLHttpRequest();
  10.    else if (window.ActiveXObject)
  11.       OAjax = new ActiveXObject('Microsoft.XMLHTTP');
  12.    OAjax.onreadystatechange = function()
  13.    {
  14.       if (OAjax.readyState == 4 && OAjax.status==200)
  15.             document.getElementById(div).innerHTML = OAjax.responseText;
  16.    }
  17.    OAjax.open("POST", target, true);
  18.    OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
  19.    OAjax.send(params);
  20. }
  21.   -->
  22. </script>
  24.               <a href="#"
  25.                   onclick="AjaxPostAndPrintResInDiv('miniAddElem.php', 'aff=toto', 'RubriqueLinkDiv');">
  26.                 Ajout contenu div
  27.               </a>
  29.               <div id="RubriqueLinkDiv">
  30.                 <!-- résulat de la requete ajax -->
  31.               </div>


la page miniAddElem.php est une page quelquonque renvoyant un resultat quelquonque en fonction du contenu des params que l'on lui passe...
 
Ce code fonctionne bien sous firefox, seamonkey, opera. Sous ie cela me sort une erreur de type inconnue  :pfff:  
 
Apres moultes recherches j'ai déterminé que c'était le

document.getElementById(div).innerHTML = OAjax.responseText;


qui posait un pb. A Priori Ie ne m'autorise pas à mettre le contenu de OAjax.responseText dans document.getElementById(div).innerHTML.
En revanche ce que je ne m'explique pas, c'est qu'il m'autorise à faire

document.getElementById(div).innerHTML = "blah blah les fleursetc...";

:kaola:  
 
En cherchant tout les moyens possible de modifier le contenu d'une page en javascript je suis tombé sur la methode appendChild.
en transformant la ligne :

Code :
  1. document.getElementById(div).innerHTML = OAjax.responseText;


 
par :

Code :
  1. var Ndiv = document.createElement("div" );
  2. Ndiv.innerHTML = OAjax.responseText;
  3. document.getElementById(div).appendChild(Ndiv);


 
Mircale, cela fonctionne !  
Je précide que, parmis mes moultes essais, j'avais tenté auparavant de passer par une variable de type texte temporaire sans succes.
 
Je précise aussi pour le puristes que ceci est un bout de code pour illustrer le principe, il n'est donc pas equipé de tout les tests permettant une execution fiable.


Message édité par notod le 21-08-2008 à 11:10:46
Reply

Marsh Posté le 21-08-2008 à 11:02:33   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed