[Galette-devel] [task #7529] Ajout d'un <div > de loading lors requête AJAX sur page gestion g roupes -- November 29, 2011 - 21:29

URL:
  <http://gna.org/task/?7529>

                 Summary: Ajout d'un <div> de loading lors requête AJAX sur
page gestion groupes
                 Project: Galette
            Submitted by: melissadjebel
            Submitted on: mar 29 nov 2011 20:29:22 GMT
         Should Start On: mar 29 nov 2011 00:00:00 GMT
   Should be Finished on: mar 29 nov 2011 00:00:00 GMT
                Priority: 5 - Normal
                Severity: 5 - Average
                  Status: None
                 Privacy: Public
        Percent Complete: 0%
             Assigned to: None
             Open/Closed: Open
         Discussion Lock: Any
         Planned Release: None
                  Effort: 0.00

    _______________________________________________________

Details:

Bonjour,

sur mon PC, le chargement de la liste des adhérents lorsque l'on clique sur
"modifier les membres d'un groupe" depuis la page "gestion_groupes.php" est
assez longue (bien 3-4 sec).

Il faudrait afficher quelque chose pour indiquer que le clic a bien été
pris en compte et que l'on ne peut rien faire pendant ce temps.

J'ai ajouté un petit <div> comme celui-ci dans "gestion_groupes.tpl" :

<div id="loading" style="display:none">
    <div id="waitpict" style="position: absolute">
        <img src="{$template_subdir}images/wait.png" />
    </div>
</div>

et la fonction jQuery qui va bien :

        $("#loading").bind("ajaxStart", function(){ldelim}
           
$('#waitpict').css({ldelim}top:'50%',left:'50%',margin:'-'+($('#waitpict').height()
/ 2)+'px 0 0 -'+($('#waitpict').width() / 2)+'px'{rdelim});
            $(this).show();
        {rdelim}).bind("ajaxStop", function(){ldelim}
            $(this).hide();
        {rdelim});

Ainsi un sablier s'affiche dès que l'on a cliqué sur la gestion des membres
et disparait à l'affichage de la liste des membres.

Voir en PJ l'image + "gestion_groupes.tpl" modifié



    _______________________________________________________

File Attachments:


-------------------------------------------------------
Date: mar 29 nov 2011 20:29:22 GMT  Name: gestion_groupes.tpl  Size: 6 ko  
By: melissadjebel

<http://gna.org/task/download.php?file_id=14617>
-------------------------------------------------------
Date: mar 29 nov 2011 20:29:22 GMT  Name: wait.png  Size: 10 ko   By:
melissadjebel

<http://gna.org/task/download.php?file_id=14618>

    _______________________________________________________

Reply to this item at:

  <http://gna.org/task/?7529>

_______________________________________________
  Message posté via/par Gna!
  http://gna.org/