Discussion :

[solo190]

Hello All ,
j'utilise un système de callback pour exécuter une fonction (Arrêter une animation) à la suite du traitement des deux autres.
le soucis actuel est le suivant, que lorsque je lance l'animation , j’exécuter ensuite mes deux fonctions de traitement , le callback n'attend pas la fin des traitement précédent mais il arrêt aussi tôt l’animation.

declanchement des travaux .

Code HTML :

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

      <button type="button" class="btn btn-primary" id="btn_rechercher" onclick="extraire_reports(successCallback)" style="float:left;">Rechercher</button>

mes fonction JS

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function successCallback()
{
    document.getElementById('btn_annimation').style.visibility="hidden";
}
 
function lancer_annimation(successCallback)
{
    document.getElementById('btn_annimation').style.visibility="";
}
 
function extraire_reports(successCallback, failureCallback){
 
 
    lancer_annimation();
 
    var date_debut=document.getElementById('date_debut').value;
 
    var date_fin=document.getElementById('date_fin').value;
 
    label_texte_header_recap.innerHTML=('RECAP Des Opérateur Du '+date_debut+' Au '+date_fin).toUpperCase();  
 
    label_texte_header_detail.innerHTML=('Detail Des Opérateur Du '+date_debut+' Au '+date_fin).toUpperCase();
 
    chargerdetailreports(date_debut,date_fin);
 
    chargerrecaptransaction(date_debut,date_fin); 
 
   successCallback();
 
    //failureCallback();
 
}

Merci!

[NoSmoking]

Bonjour,

mes deux fonctions de traitement , le callback n'attend pas la fin des traitement précédent

si tes deux fonctions sont asynchrones, il n'y a aucune raison que la fonction suivante attende.

Mais cela n'est que pure spéculation attendu que l'on ne connait pas la teneur de tes fonctions chargerdetailreports et chargerrecaptransaction.

Dans l'attente

[solo190]

Hello NoSmoking,
Effectivement les deux fonctions sont asynchrones , pour resoudre ce probleme voici comment j'appel mes fonctions finalement.

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
16
17
 
function extraire_reports(){
 
    lancer_annimation();
 
    var date_debut=document.getElementById('date_debut').value;
 
    var date_fin=document.getElementById('date_fin').value;
 
    label_texte_header_recap.innerHTML=('RECAP Des Opérateur Du '+date_debut+' Au '+date_fin).toUpperCase();  
 
    label_texte_header_detail.innerHTML=('Detail Des Opérateur Du '+date_debut+' Au '+date_fin).toUpperCase();
 
    chargerdetailreports(date_debut,date_fin);
 
 
}

Code :

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

1
2
3
4
5
6
7
8
 
function chargerdetailreports(date_debut,date_fin)
{
    // Traitement ........
 
    /// et a la fin j'appel chargerrecaptransaction
    chargerrecaptransaction (date_debut,date_fin);
}

Code :

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

1
2
3
4
5
6
7
8
 
function chargerrecaptransaction (date_debut,date_fin)
{
    // Traitement ........
 
    /// et a la fin j'appel  successCallback pour arreter l annimation
    successCallback();
}

Et tout fonctionne parfaitement .
As tu une meilleur solution ?
Merci.

[NoSmoking]

As tu une meilleur solution ?

Non, juste un conseil.
Si ta fonction successCallback n'est appelée qu'une seule fois, de plus elle ne comporte qu'une ligne, autant mettre le contenu de celle-ci directement en lieu et place de son appel.
Idem pour ta fonction lancer_annimation.

[solo190]

hello NoSmoking,
Effectivement tu as raison .
Merci. A+