Discussion :

[Farow]

Bonjour,

Je travaille actuellement sur une interface PHP qui communique avec une BDD en SQL. J'ai une page php qui fait appel à plusieurs procédures stockées qui demande en général 1 à 2 mins d’exécution.

J'aimerai simplement faire un petit message qui dit a l'utilisateur chargement en cours ou un gif animé qui montre le chargement de la page, mon code:

Code :

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

1
2
3
4
5
6
7
 
<SCRIPT LANGUAGE="JavaScript">
window.open ('chargement.php', 'Chargement en cour', config='height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, directories=no, status=no')
</SCRIPT>
<?php
lancement des procédures SQL...
?>

Seulement l'orque l'utilisateur arrive sur la page le navigateur ce "bloque" et le popup de chargement ne se lance pas une fois les procédures SQl terminées tout se passe bien mais comment faire apparaître un message à l'utilisateur pendant que PHP/SQL travaille derrière.

Merci

[ticroch]

j'aurais fais une requete ajax plutot, un exemple pour que tu comprenne l'algorithme (l'exemple est fait avec jQuery, je ne sais plus faire du javaScript normal ....) :

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
 
 
<script type="text/javascript">
 
function ajax_avec_message_d_attente() {
    // on affiche le message d'attente, par exemple le gif animé
    $("#div_attente").show();
 
    $.ajax({
         url : 'url_de_mon_script.php',   // l'URL ou s'exécute ton script qui dure une minute
         success : function(resp) {
                // fonction s'exécutant quand le requete est finie
 
               // on cache le message d'attente
               $("#div_attente").hide();
 
               // on traite la réponse (ici, j'insère la réponse à la fin de la page)
               $(resp).appendTo($("body"))
 
         }
    });
}
 
</script>

En faisant ca ton navigateur attend la réponse du serveur, sans bloquer l'utilisateur !

[Benjamin Delespierre]

Sépare le code responsable de l’exécution des procédures de celui qui produit la page et fait un appel asynchrone (avec Ajax) via JavaScript comme montré plus haut.

Attention: si les appels de procédure sont susceptibles de dépasser le temps maximal alloué à PHP, il serait judicieux d'élever le max execution time de cette façon:

Code :

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

1
2
3
4
5
6
<?php
set_time_limit(0); // l'histoire sans fin
 
sleep(24 * 3600 * 10); // allez hop, 10 jours de vacances !
 
echo "Quel long someil...",

@ticroch ton code est juste, j'ajouterai juste ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$(function () {
  $.ajax({
    url : 'processing.php',
    dataType: 'html',
    beforeSend: function () { $('#loading').show() },
    complete: function () { $('#loading').hide() },
    success: function (data) { $('#result').html( data ) },
    error: function () { $('#result').html('-- ERROR --') }
  });
});

[ticroch]

ah je connaissais pas les beforesend et complete, c'est vrai que c'est plus propre que ce que j'ai fait :p

[Benjamin Delespierre]

T'as l'option context qui est bien pratique aussi:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(function () {
  $.ajax({
    url : 'processing.php',
    dataType: 'html',
    context: $('#result'),
    beforeSend: function () { $('#loading').show() },
    complete: function () { $('#loading').hide() },
    success: function (data) { $(this).html( data ) },
    error: function () { $(this).html('-- ERROR --') }
  });
});

Pour tout le reste, y'a la doc.

[Farow]

Merci pour la réponse effectivement Ajax semble être la meilleur solution parcontre Jquery je ne maîtrise pas mais alors pas du tout je vai voir si je trouve un truck Ajax/JS.

[Benjamin Delespierre]

Tu ira plus vite avec jQuery (même si tu connais pas et que tu découvres) que si tu dois tout apprendre de JavaScript. Tu trouvera tous les tutos qu'il te faut sur jQuery par ici: http://javascript.developpez.com/cours/