[AJAX] bug de rafraichissement sous FF

**stefanherve** · 12/10/2010, 09h06

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 :

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

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 :

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

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

**Tiolebucheron** · 29/10/2010, 15h11

Bonjour

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

Cordialement Tio

**nounetmasque** · 29/10/2010, 15h29

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 :

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

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

**stefanherve** · 29/10/2010, 15h50

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

**Bovino** · 30/10/2010, 14h29

Code :

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

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.

**stefanherve** · 30/10/2010, 19h34

Envoyé par Bovino

Code :

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

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 :

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

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 !!

[AJAX] bug de rafraichissement sous FF

AJAX

Discussions similaires

Partager

Partager