Probleme chargement de page et Javascript sous Firefox

Probleme chargement de page et Javascript sous Firefox - HTML/CSS - Programmation

Marsh Posté le 07-02-2008 à 12:39:52    

Bonjour tout le monde.  
 
Je m'arrache les cheveux depuis 24h sur le probleme suivant :  
 
Je suis en train de faire une page de paiement en ligne.
Pour recuperer les reponses des banques afin de la communiquer au client j'utilise une requete AJAX grace au framework prototype.  
Pendant que je cherche a obtenir une reponse de la banque je met un petit gif anime. Bref une petite page pour faire patienter le client.  
 
Je lance mon javascript a partir du OnLoad du Body
 
Et le probleme est que la page s'affiche uniquement à la fin de l'execution du Javascript, alors que sous IE il affiche la page puis il execute le Javascript.
 
Voici un resume de mon code :
 

Code :
  1. <?php
  2. header("Cache-Control: no-cache, must-revalidate" );
  3. header("Pragma: no-cache" );
  6. if(isset($_GET['NUMERO_DOSSIER']) ){ $ref_dos = trim(str_replace(" ", "",$_GET['NUMERO_DOSSIER']));} else{$ref_dos = "";} // Numéro du dossier
  7. if(isset($_GET['acompte'])) { $txtmontant = $_GET['acompte'];} else {$txtmontant = "";} // Montant total du devis :
  8. ?>
  9. <html>
  10. <head>
  11. <title>Paiement sécurisé</title>
  13. <link href="css/style.css" rel="stylesheet" type="text/css">
  14. <script src="javascript/prototype.js" type="text/javascript"></script>
  15. <script src="javascript/scriptaculous.js" type="text/javascript"></script>
  16. </head>
  17. <body bgcolor="#CCCCCC" onLoad="TraitementPaiement()">
  19.   <div id='systemeAttente'>
  20. <img src='images/loader.gif'>Veuillez patienter pendant que nous consultons<br>votre établissement banquaire
  21. </div>
  23. <div id="Message"/>
  24. <script>
  26. reponseOK = 0;
  28. function testReponse(requete)
  29. {
  30. var docXML = requete.responseXML ;
  31. var items = docXML.getElementsByTagName("reponse" );
  32. reponse = items.item(0).firstChild.data;
  35. switch( reponse )
  36. {
  37.  case '3' :
  38.  reponseOK = 1;
  39.  break;
  41.  case '4' :
  42.  reponseOK = 1;
  43.  break;
  45.  default :
  46.  break;
  47. }
  48. }
  50. function Sleep()
  51. {
  52.  var x = 0;
  53. }
  55. function TraitementPaiement()
  56. {
  59. date = new Date();
  60. var timestamp = date.getTime();
  62. while(date.getTime()  < timestamp + 10000 && reponseOK == 0)
  63. {
  64.  var url = "http://www/pel/marti/reponse_paiement.php";
  65.  var param = "ref_dos=<?=$ref_dos?>&txtmontant=<?=$txtmontant?>";
  66.  var myAjax = new Ajax.Request(url,
  67.      {
  68.       asynchronous : false,
  69.       method :'get',
  70.       parameters : param,
  71.       onComplete : testReponse
  72.      }
  73.     );
  74.   setTimeout("Sleep()",100);
  75.   date = new Date();
  76. }
  78. var obj =  document.getElementById("Message" );
  79. var objAttente = document.getElementById("systemeAttente" );
  80. objAttente.style.visibility = "hidden";
  82. switch(reponse)
  83. {
  84.  case '3' :
  85.  obj.innerHTML = "Paiement Accepte";
  86.  Element.hide(obj); new Effect.Appear(obj);
  87.  break;
  89.  case '4' :
  90.  obj.innerHTML = "Paiement Refusé";
  91.  new Effect.Shake(obj);
  92.  break;
  94.  default :
  95.  obj.innerHTML = "Pas de Reponse de la banque";
  96.  break;
  97. }
  100. }
  101. </script>
  102. </body>
  103. </html>


---------------
last.fm-RYM
Reply

Marsh Posté le 07-02-2008 à 12:39:52   

Reply

Marsh Posté le 11-02-2008 à 16:29:55    

Probleme Resolu, pour ceux qui ont la meme merde. Le probleme est que ma requete XMLHttpRequest etait Synchrone. Finalement j'ai utilise l'objet PeriodicalUpdater de prototypejs qui convient parfaitement a ce genre de problematique


---------------
last.fm-RYM
Reply

Sujets relatifs:

Leave a Replay

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