Discussion :

[Ishizaki]

Bonjour tout le monde, un ptit souci en ASP.net AJAX avec l'affichage d'une image au début du chargement d'une page et à la fin du chargement.

J'ai mon ScriptManager compris dans une MasterPage.

La page impactée est un pop-up(ça ne va pas changer grand chose).

Voilà mon script 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
 
<script type="text/javascript">
 
    //On récupère le ScriptManager
    var instanceScriptManager = Sys.WebForms.PageRequestManager.getInstance();
 
    instanceScriptManager.add_beginRequest(ShowImageProgress); 
    instanceScriptManager.add_endRequest(HideImageProgress); 
 
 
    //Début de la requête
    function ShowImageProgress() {
 
        var divProgress = $get('divTest');
 
        divProgress.style.display = '';
        divProgress.style.display = 'block';
    }
 
    //Fin de la requête
    function HideImageProgress() {
 
        var divProgress = $get('divTest');
 
        divProgress.style.display = '';
        divProgress.style.display = 'none';
    }
 
 
 
</script>

Et mon image se trouvant dans un div :

Code :

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

1
2
3
4
 
<div id="divTest">
                    <asp:Image runat="server" ID="ImageProgress" ImageUrl="Load.gif"/>
  </div>

Donc, au chargement, on affiche l'image d'attente, et à la fin, on la cache. Mais ça ne fonctionne pas et elle reste tout le temps affichée.

Merci de votre aide !

[lutecefalco]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
instanceScriptManager.add_beginRequest(ShowImageProgressBusiness); 
    instanceScriptManager.add_endRequest(HideImageProgressBusiness); 
    
 
    //Début de la requête
    function ShowImageProgress() {
    }
 
    //Fin de la requête
    function HideImageProgress() {
    }

Faute de frappe?

[Ishizaki]

Ouais faute de frappe dans le forum ^^. J'ai changé en mettant la propriété visible, marche pas non plus.

[Ishizaki]

J'ai pas l'impression qu'il passe dans mes méthodes -__-.

Pourtant le contrôle qui lance le pop-up est compris dans un updatePanel... Rââââh jpige pas...

[lutecefalco]

Est-ce que instanceScriptManager est non null?

[Ishizaki]

Ouais, elle est non null.

[lutecefalco]

Et comme ça:

Code :

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

1
2
3
4
5
6
7
8
    //Début de la requête
    function ShowImageProgress(sender, args) {
    }
 
    //Fin de la requête
    function HideImageProgress(sender, args) {
    }

[Ishizaki]

Déjà fait, toujours aucun résultat.

Il détecte bien le scriptmanager, il assigne les fonctions mais ne passent jamais dedans, j'ai essayé un truc comme ça :

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
 
//On récupère le ScriptManager
    var instanceScriptManager = Sys.WebForms.PageRequestManager.getInstance();
 
 
    instanceScriptManager.add_beginRequest(function() { SwitchImageProgressVisibility('visible'); });
    instanceScriptManager.add_endRequest(function() { SwitchImageProgressVisibility('hidden'); }); 
 
//Switch de l'affichage de l'image
    function SwitchImageProgressVisibility(visibilityProgress) {
 
        var divProgress = $get('divTest');
 
        divProgress.style.visibility = '';
        divProgress.style.visibility = visibilityProgress;
 
    }

Avec des fonctions anonymes ça ne fonctionne pas non plus.

[lutecefalco]

T'es sûr de ne pas rentrer dans tes fonctions?

[Ishizaki]

Certain, quand je debuggue, il y a juste l'ajout des fonctions qui est effectué, je ne passe jamais dedans.

[Ishizaki]

Et quand je récupère la liste des event handler :

Code :

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

1
2
3
4
 
var truc = null;
 
truc = instanceScriptManager._get_eventHandlerList();

j'ai bien mes 2 méthodes registrées une chacun pour beginRequest et endRequest...

[Ishizaki]

Bon, je vais passer par la solution raccroc... Sur le onload de ma page je fais appel a ma fonction qui va cacher le div, et ca fonctionne...(s'execute à la fin du chargement de la page...) Pas top mais sinon je vois pas.

Merci de votre aide.