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/ _______________________________________________ Galette-devel mailing list Galette-devel@gna.org https://mail.gna.org/listinfo/galette-devel