xhr.responsetext ne marche pas sous ie

xhr.responsetext ne marche pas sous ie - HTML/CSS - Programmation

Marsh Posté le 11-03-2008 à 19:40:00    

Bonjour à tous !!
 
j'ai un pb avec un xhr.responsetext sous IE.  
 
Je charge mon contenu de page dans une div. mais il n'arrive pas à se charger dans IE
 

Code :
  1. function envoieRequete(url,id)
  2. {
  3. var xhr_object = null;
  4. var position = id;
  5.     if (window.XMLHttpRequest)
  6.  {
  7.  alert("vous etes en firox" );
  8.   //Firefox ou IE >= 7.0
  9.   xhr_object = new XMLHttpRequest();
  10.  }
  11.  else if (window.ActiveXObject)
  12.  {
  13.  alert("vous etes en windows" );
  14.  try
  15.  { // essaie de charger l'objet pour IE
  17.   xhr_object = new ActiveXObject("Msxml2.XMLHTTP" );
  18.   window.alert(xhr_object);
  19.  }
  20.  catch (e)
  21.  {
  22.   try
  23.   { // essaie de charger l'objet pour une autre version IE
  24.    xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
  25.   }
  26.   catch (e)
  27.   {
  28.    window.alert("Votre navigateur ne prend pas en charge l'objet XMLHTTPRequest." );
  29.   }
  30.  }
  31.  }
  33. // On ouvre la requete vers la page désirée
  34. xhr_object.open("GET", url, true);
  35. xhr_object.onreadystatechange = function()
  36.          { alert(xhr_object.readyState);
  37.          // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  38.   if (document.getElementById(position) && xhr_object)
  39.   {
  40.    if (xhr_object.readyState == 4)
  41.       {
  42.     if (xhr_object.status == 200 || xhr_object.status == 304)
  43.     {
  44.     document.getElementById(position).innerHTML = xhr_object.responseText;
  45.     } 
  46.     else
  47.     {
  48.      document.getElementById(position).innerHTML = 'Error ' + xhr_object.status + ' : ' + xhr_object.statusText;
  49.     }
  50.       }
  51.      else
  52.       {
  53.    document.getElementById(position).innerHTML = 'Chargement en cours... veuillez patienter... .. .';
  54.    }
  55.   }
  56.        }
  59. // dans le cas du get
  60. xhr_object.send(null);
  61. }


 
j'ai également fait un test avec un alert sur le readystat et les 4 étapes s'affichent bien (IE et FF)
Mais sous IE j'ai continuellement "chargement en cours"
 
petite notif : je teste sous IE 7

Reply

Marsh Posté le 11-03-2008 à 19:40:00   

Reply

Marsh Posté le 12-03-2008 à 13:37:12    

personne n'a une idée ?

Reply

Marsh Posté le 12-03-2008 à 14:03:22    

Code :
  1. document.getElementById('position')


peut être, parce qu'il me semble que le paramètre donné est de type string.

Message cité 1 fois

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 12-03-2008 à 15:13:25    

...

Message cité 1 fois
Message édité par Demo Mana le 28-04-2008 à 18:27:47
Reply

Marsh Posté le 12-03-2008 à 15:29:13    

Demo Mana a écrit :

La fonction demande un "id", c'est du DOM.


Ouai et un ID peut très bien être une string...

 

Je regarde vite fait avec mon amis Google, je trouve :
http://www.toutjavascript.com/refe [...] hp?iref=14
(sans dire que c'est un référence) on peut y lire Object document.getElementById(String id)
Donc en principe à placer entre simple ou double quote puisque c'est une chaîne.


Message édité par dwogsi le 12-03-2008 à 15:29:51

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 12-03-2008 à 17:56:28    

Oui mais mon appel dans la div est bien sous forme de String :  
<a ... onclick="envoieRequete('page_asp.aspx','maDiv1');>

Reply

Marsh Posté le 12-03-2008 à 18:01:09    

Pourrait-on voir un exemple en ligne par hasard?


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 12-03-2008 à 18:08:31    

malheureusement non. Il s'agit d'un intranet professionnel.  
Je vais essayer de mettre en place une version allégée

Reply

Marsh Posté le 12-03-2008 à 18:20:01    

Ah oui mais au temps pour moi, tu passe bien une chaîne, j'avais pas bien suivit le code depuis le début.
 
Donc dans ce cas je me demande comment est traité position quand tu reçois une réponse...
 
Bon en fait une version en ligne serait surtout bien pratique pour vérifier quelques truc, mais pas indispensable.
 
Au fait, IE te lance pas des erreurs? cf icon alert en bas de fenêtre par exemple.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 18-03-2008 à 18:44:47    

oui,  
et comme d'hab toujours aussi clair :  
"Objet Attendu - ligne 436"
 
 
DOnc je vais voir ligne 436 et ça donne ça :
 
for (var i = 1; i<=10; i++) {
  if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
 }
 
je reste circonspect :)  :D


Message édité par scmilblick le 18-03-2008 à 18:46:14
Reply

Marsh Posté le 18-03-2008 à 18:44:47   

Reply

Marsh Posté le 02-05-2008 à 17:22:27    

Bonjour à tous, je relance ce post car j'ai aussi ce prb et souhaiterais savoir si des solutions ou des pistes ont été trouvées.
 
Voici mon cas :
Au clic sur un bouton je charge une page dans une div,
 
Voici le code html/php (tout bête)

Code :
  1. <a href="#" onclick="swapImage('visuAlarm.php','zoneAffich','images/menu/metiers/BoutonOverAlarme.gif','alarme');" onmouseover="swapImage('','','images/menu/metiers/BoutonOverAlarme.gif','alarme');" onmouseout="swapImage('','','images/menu/metiers/BoutonAlarme.gif','alarme');" ><img src="images/menu/metiers/BoutonAlarme.gif" border="0"  id="alarme" alt='Images introuvable' /></a>


 
Voici le code js
 

Code :
  1. function envoieRequete(url,id){
  3. var xhr_object = null;
  4. var position = id;
  7. if(window.XMLHttpRequest) // Firefox  
  8.    xhr_object = new XMLHttpRequest();
  9. else if(window.ActiveXObject) // Internet Explorer  
  10.    xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
  11. else { // XMLHttpRequest non supporté par le navigateur  
  12.    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  13.    
  14. }
  16. xhr_object.open("GET", url, false);
  17.  xhr_object.send(null);
  18. if ( xhr_object.readyState == 4 ){
  20.    document.getElementById(position).innerHTML = xhr_object.responseText;
  22.   }
  23. }
  27. var clic=false;
  28. var etat=0;
  31. function swapImage(urlFile,posFile,urlImg,posImg)
  32. {
  33. var url = urlFile;
  34. var id = posFile;
  35.    
  37. if((url!="" )&&(id!="" ))
  38. {
  39.     document.getElementById(posImg).src=urlImg;
  40.     envoieRequete(url,id);
  43. }else{
  44.  document.getElementById(posImg).src=urlImg;
  45. }
  46. }


 
Donc sous FF ok mais IE "Impossible d'effectuer l'opération suivante à cause de l'erreur suivante c00ce56e"
 
Mais pour une de mes rubrique qui est un blog Dotclear cela fontionne même pour IE.
 
Je ne comprend pas du tout ce qui ce passe
 
Si vous aviez des idées, je suis preneur.
 
Merci d'avance,
 
Cordialement et bon weekend,

Reply

Marsh Posté le 05-05-2008 à 09:42:13    

Re bonjour,
 
Je voulais préciser que l'erreur ce situe ici :
 

Code :
  1. function envoieRequete(url,id){
  3. var xhr_object = null;
  4. var position = id;
  7. if(window.XMLHttpRequest) // Firefox   
  8.     xhr_object = new XMLHttpRequest();
  9. else if(window.ActiveXObject) // Internet Explorer   
  10.     xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
  11. else { // XMLHttpRequest non supporté par le navigateur   
  12.     alert("Votre navigateur ne supporte pas les objets MLHTTPRequest..." );
  13.    
  14. }
  16. xhr_object.open("GET", url, false);
  17.   xhr_object.send(null);
  18. if ( xhr_object.readyState == 4 ){
  20.    => document.getElementById(position).innerHTML = xhr_object.responseText;
  22.    }
  23. }


Message édité par akalaan le 05-05-2008 à 09:44:18
Reply

Marsh Posté le 05-05-2008 à 10:17:23    

Code :
  1. ...
  2. xhr_object.open("GET", url, false);
  3. xhr_object.onreadystatechange = function()
  4. {
  5.   if ( xhr_object.readyState == 4 ){
  6.      document.getElementById(position).innerHTML = xhr_object.responseText;
  7.   }
  8. }
  9. xhr_object.send(null);
  10. ...


Non?


Message édité par dwogsi le 05-05-2008 à 10:18:40

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 05-05-2008 à 10:31:44    

J'ai fait la modif mais cela ne change rien
 
Voici le code modifié :
 

Code :
  1. function envoieRequete(url,id){
  3. var xhr_object = null;
  4. var position = id;
  7. if(window.XMLHttpRequest) // Firefox  
  8.    xhr_object = new XMLHttpRequest();
  9. else if(window.ActiveXObject) // Internet Explorer  
  10.    xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
  11. else { // XMLHttpRequest non supporté par le navigateur  
  12.    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  13.    
  14. }
  16. xhr_object.open("GET", url, false);
  17. xhr_object.onreadystatechange = function()
  18. {
  19.  if(xhr_object.readyState == 4 ){
  20.    // j'affiche dans la DIV spécifiées le contenu retourné par le fichier
  21.    document.getElementById(position).innerHTML = xhr_object.responseText;
  23.  }
  24. }
  25. xhr_object.send(null);
  26. }


Message édité par akalaan le 05-05-2008 à 10:33:30
Reply

Marsh Posté le 05-05-2008 à 14:36:59    

Je viens de faire le test avec un srv linux sur lequel le code ne fonctionne pas pour IE, et un srv Windows avec WampServer sur lequel ça marche même avec IE
 
Des idées ?

Reply

Marsh Posté le 05-05-2008 à 16:52:08    

Re,
 
Bon et bien je viens de trouver le prb.
 
C'est l'envoi du charset.
 
Comme je l'ai dit plus haut, cela fonctionnait avec Server Apache Windows sous FF et IE mais pas avec Server Apache Linux sous IE.
 
La raison est le charset.
 
J'avais mis AddDefaultCharset utf8 dans apache2.conf sous linux, et une fois enlever, ça marche.
 
Merci pour vos réponse.

Reply

Sujets relatifs:

Leave a Replay

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