[AJAX] Construction d'un preloader pendant l'ex�cution d'un php

**renaud26** · 22/11/2008, 09h22

Bonjour � tous,

Je ne sais pas si je suis dans la bonne section, vu que ma question porte sur la meilleure technique � adopter... J'ai cr�e un petit script d'envoi de newsletter et je voudrais afficher un message d'attente, une barre de progression...pendant que PHP fait le boulot et envoie les vagues de mails. Ceci au lieu de la page toute blanche. J'ai lu plein de tutos, essay� des scripts JS, DHTML, AJAX...mais rien ne m'a satisfait puisque en g�n�rale le message "envoi en cours, merci de patienter" s'affiche en m�me temps que le r�sultat du traitement....donc trop tard.

Quelqu'un a une id�e et peut me dire vers quoi je pourrais creuser ?
Merci � lui.
Bonne journ�e.

**ryan** · 23/11/2008, 18h20

Yop!

Si tes adresses email sont dans une BDD, c'est assez facile.

Dans ta page, tu boucles sur le r�sultat de ton query qui comporte donc toutes tes adresses email. Pour chaque adresse, tu �cris un formulaire avec des champs cach�s qui contiennent l'adresse email et les autres param�tre (l'index du mail envoy�, le nombre total de mail, le titre et le body de l'email, par exemple). La target du formulaire est une iframe. Dans cette iframe,tu as le code pour envoyer ta news letter, et en connaissant le nombre total de mail et l'index du mail couramment envoy�, tu peux construire une image qui r�fl�te le % de mail envoy�s par rapport au total de mails � envoyer.

**renaud26** · 24/11/2008, 08h45

Merci de cette suggestion...que je vais tenter, m�me si �a reste un peu flou...j'ai notamment peur que cette petite manip allourdisse consid�rablement le script...

Bonne journ�e.

**marcha** · 24/11/2008, 09h45

Salut,

La technique que j'utilise est la suivante:

une page pour le traitement d'envoi global, tel que tu l'a d�j� fait.
dans cette page tu met � jour un compteur dans la base de donn�e
dans une table pr�vue pour �a, ce compteur indique le pourcentage
effectu� par exemple.

dans une autre page php tu lis juste ce compteur.

enfin, dans ta page d'envoi, tu lance d'abord une requ�te ajax qui
d�marre le processus d'envoi, puis tu lance des requ�tes r�guli�res
(1 ou 2 fois par seconde) vers la 2�me page pour connaitre la progression.

**renaud26** · 24/11/2008, 15h47

Merci �galement de ta suggestion.

enfin, dans ta page d'envoi, tu lance d'abord une requ�te ajax

Ca il va falloir que je me documente serieusement parce que je suis � 0.

Une piste de plus � creuser...

**RomainVALERI** · 24/11/2008, 20h02

Si jamais dans ton cas la progression exacte n'est pas n�cessaire (les n% accomplis), il y a �ventuellement une solution bien plus rudimentaire que les excellentes solutions d�j� propos�es, qui serait la suivante :

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
 
var xhr = getXhr(); // voir note ci-dessous*
xhr.open("GET",mesDonnees.xml?monParam=uneValeur,true);
xhr.onReadyState = function()
{
   if (xhr.readyState == 1)
   {
      // ici gestion de l'attente, exemple (minimaliste) :
      var zoneAffichable = document.getElementById('idElementChoisiPourAfficher');
      zoneAffichable.value = "Veuillez patienter...traitement en cours"
   }
   else if (xhr.readyState == 4 && xhr.status == 200)
   {
      // ici code de succès de ton traitement
      // et effacement du message d'attente
   }
}
xhr.send(null);

*J'ose esp�rer que tu t'es �crit/r�cup�r� une petite m�thode getXhr() qui cr�e un objet XMLHTTPRequest selon le navigateur, bien entendu

**ryan** · 25/11/2008, 01h41

Yop!

Envoy� par renaud26

Merci de cette suggestion...que je vais tenter, m�me si �a reste un peu flou...

Je vais essayer de pr�ciser les choses...

Premi�re page:

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
 
<html>
<body>
<?php
 
// on suppose que tu as effectué la connexion à la BDD
$query = "SELECT email FROM mytable";
$rs = mysql_query($query);
 
// le nb total d'emails à envoyer
$total = mysql_num_rows($rs);
 
// on initialise un compteur
$count = 0;
 
while ($row = mysql_fetch_assoc($rs)) 
{
  $count = $count + 1;
  echo "<form name='myform' action='sendmail.php' method=post target='myframe'>";
  echo "<input type=hidden name='total' value='" . $total . "'>";  
  echo "<input type=hidden name='count' value='" . $count . "'>";
  echo "<input type=hidden name='email' value='" . $row["email"] . "'>";  
  echo "<input type=hidden name='titre' value='ceci est le titre du mail'>";  
  echo "<input type=hidden name='body' value='ceci est le body du mail'>";    
  echo "</form>"; 
  echo "<script>document.forms.myform.submit();</script>"; 
}
?>
<iframe name="myframe" height=100 width=400>
</iframe>
</body>
</html>

La page sendmail.php

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
 
<html>
<body>
<?php
 
 // progression de la tâche en mode texte
 
 echo "Sending email " . $_POST["count"]  . " on " . $_POST["total"];
 
 // ensuite tu places le code qui expédie l'email....
 
 ...
 
?>
</body>
</html>

Pas test�, et comme il se fait tard, il se peut qu'il y ait des erreurs grossi�res, mais le principe est l�.

**renaud26** · 25/11/2008, 08h01

J'ose esp�rer que tu t'es �crit/r�cup�r� une petite m�thode getXhr() qui cr�e un objet XMLHTTPRequest selon le navigateur, bien entendu

Euh....� vrai dire...non.

Mais je vais plonger dans les tutos AJAX...promis !

A Ryan : oui, merci, �a me para�t tout � fait clair, maintenant. Je vais tester ce syst�me imm�diatement.

Bonne journ�e � tous...et courage � ceux qui sont sous la neige...

**RomainVALERI** · 25/11/2008, 09h44

Envoy� par renaud26

Euh....� vrai dire...non.

Exemple tr�s classique :

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
 
function getXhr()
{
   if(window.XMLHttpRequest) // Firefox et autres
      var getXmlHttpRequest = new XMLHttpRequest();
   else if(window.ActiveXObject)
   { // Internet Explorer
      try
      {
         getXmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch(e)
      {
         getXmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
      }
   }
   else
   { // XMLHttpRequest non supporté par le navigateur
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
      getXmlHttpRequest = false;
   }
   return getXmlHttpRequest;
}

Envoy� par renaud26

...et courage � ceux qui sont sous la neige...

Merci bien du fin fond de la Lorraine

[AJAX] Construction d'un preloader pendant l'ex�cution d'un php

JavaScript

Discussions similaires

Partager

Partager