[AJAX] bug de rafraichissement sous FF

Bonjour à vous,

Ce script me permet de faire patienter durant la génération d'un PDF qui est ensuite proposé au téléchargement.

Ce script fonctionne très bien sous IE mais pas sous FF... le message clignote bien mais le message après la génération du fichier ne se fait pas sous FF...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<style type="text/css">
.tumevoispas
{
 visibility: hidden;
}
 
.tumevois
{
 visibility: visible;
 font-size : 0.9em; 
 background-color: #000;
 width: 775px;
 height: 300px;
}
</style>
<script type="text/javascript" src="http://www.DOMAINE.EXT/js/crea_pdf.js"></script>
<script language="javascript">
function clignotement(){ 
    if (document.getElementById("MonElement").style.display=="block") 
       document.getElementById("MonElement").style.display="none"; 
    else 
       document.getElementById("MonElement").style.display="block"; 
} 
// mise en place de l appel régulier de la fonction toutes les 0.5 secondes 
setInterval("clignotement()", 750); 
</script>
</head>
 
<body onload="javascript:ajax('150');">
 
<div class="tumevoispas" id="message"><center>
<table width="80%"> 
   <tr height="50"> 
      <td align="center"> 
         <div id="MonElement" class="EX_div" style="font-family: Arial; font-size: 1em; font-weight: bold; color: #FF0000; diplay:block;"> 
         Merci de bien vouloir patienter quelques instants... 
         </div> 
      </td> 
   </tr> 
</table> </center>
<p><font face="Arial" size="2">Nous enregistrons votre projet et établissons une copie au format PDF. </font></div>

voici crea_pdf.js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
function ajax(pid)
{
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alert_ajax(xhr,pid); };
 
    //on affiche le message d'acceuil
    document.getElementById('message').className="tumevois";
 
    //on appelle le fichier reponse.txt
    xhr.open("GET", "http://www.DOMAINE.EXT/html2pdf/pdf.php?pid=" + pid, true);
    xhr.send(null);
}
 
function alert_ajax(xhr,pid)
{
    if (xhr.readyState==4) 
    {
    	var docXML= xhr.responseXML;
    	var items = docXML.getElementsByTagName("donnee")
 
		var reponse = 'Votre projet a été envoyé à notre équipe.<p>Une copie de votre projet au format PDF est acheminé par votre email.<p>Vous pouvez le consulter en cliquant ci-dessous :</p><p align="center"><a target="_blank" href="http://www.patrimart.fr/html2pdf/pdf/' + pid +'.pdf"><img border="0" src="images/icone_pdf.png" width="59" height="59"></a></p>';
		document.getElementById("message").innerHTML= reponse ;
    	for (i=0;i<items.length;i++)
    	{
    		alert (items.item(i).firstChild.data);
    	}
    }
}

Si qq un a une idée parce là à force je peche...

Merci

Bonjour

As tu trouvé une solution a ton problème? Je suis dans la même situation.

Cordialement Tio

Je ne sais pas si cela résoudra le problème mais le traitement de la réponse Ajax n'est pas conforme. Vous devez utiliser la syntaxe suivante :
Code:

1 2 3 4 5 6 xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ //appel de ma fonction } }

bonjour,

non je n'ai pas trouvé la solution au problème...

j'ai testé à l'instant la modif proposée mais ca n'a pas d'impact... snif

Code:

var docXML= xhr.responseXML;

Es-tu sûr que le XML reçu est bien valide ?
Si ce n'est pas le cas, ça peut empêcher l'interprétation du reste du code.

Citation:

Envoyé par Bovino

Code:

var docXML= xhr.responseXML;

Es-tu sûr que le XML reçu est bien valide ?
Si ce n'est pas le cas, ça peut empêcher l'interprétation du reste du code.

punaise je me mettrais des claques... je te remercie...

j'ai écrit ceci
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function alert_ajax(xhr,pid) { if(xhr.readyState == 4 && xhr.status == 200){ //c est juste un txt qui dit que c est traité var reponse = 'ici la réponse à afficher'; document.getElementById('message').innerHTML= reponse ; } }
c'est testé sous IE et FF et ca marche

grand merci à toi !!