Fonction Load() gif bloqué

Version imprimable

Bonjour,

J'utilise la fonction load() pour charger une fenêtre modale. J'appelle la fonction ajaxStart pour lancer un gif animé pendant l’exécution de la requête ajax mais le gif reste figé ? :roll:

La fenêtre modale avec l'appel Ajax :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function Fiche_Modal(e){
   $("#divDial").load(urlFiche, function() {
    ...
    $("#divDial").dialog({
                 height: 'auto',
                 width: 1200,
                 modal: true,
                 position: 'center',
                 draggable: false,
                 resizable: false,
                 ...
   });
 });
}

Appel du gif animé :

Code:

1
2
3
4
5
 
$("#loading").ajaxStart(function(){
   $(this).html('<img src="images/loading.gif"></img>  Chargement...')
            .show();
});

29/11/2012, 19h42
SylvainPV

On peut voir à quoi ressemble ce GIF animé ? Je ne vois pas comment Javascript pourrait empêcher un GIF animé de s'animer
30/11/2012, 15h51
arthuro45

Te montrer le gif ??

Quand je l'ouvre il s'anime bien tu sais. L'animation semble bloquée par le chargement de la fenêtre modale comme si AjaxStart ne joué pas son rôle ??

Bonsoir

Un load() est équivalent à un $.get( url, data, success ) nous dit la documentation de load().

Donc, j'essaierai avec l'option beforeSend() de $.ajax().

Pour dataType, je ne sais pas ce qu'il y a dans urlFiche : "html", "xml", "script", "json", "jsonp" ou "text" ?
Code:

1 2 3 4 5 6 7 8 9 10 $.ajax( url, { type : "GET", dataType : "html", // correction en fonction du contenu du fichier beforeSend(){ // montrer le gif }, complete(){ // cacher le gif, code du dialogue } });