Discussion :

[arthuro45]

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é ?

La fenêtre modale avec l'appel Ajax :

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
 
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 :

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

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

[SylvainPV]

On peut voir à quoi ressemble ce GIF animé ? Je ne vois pas comment Javascript pourrait empêcher un GIF animé de s'animer

[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 ??

[danielhagnoul]

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 :

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

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