Problème blocage du navigateur

Version imprimable

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:

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

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:

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 !

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:

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:

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 --') } }); });

14/02/2012, 14h21
ticroch

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

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

Code:

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.

15/02/2012, 09h49
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.
15/02/2012, 09h57
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/