Bonjour !

J'ai un gros souci que j'avoue être incompréhensible au niveau d'évènements JS.

Ce que je veux faire : Afficher et cacher respectivement au début du chargement et à la fin du chargement un Gif animé.

Voilà le code:
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
 
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);
 
var imgToSwitch = document.getElementById('MonImage');
 
//Début du chargement
function beginRequest(sender, args)
	    {
	        Show();
	    }
 
//Fin du chargement
function endRequest(sender, args)
	    {
               Hide();
	    }
 
//Cacher
function Hide()
{
    imgToSwitch.style.display = 'none';
}
 
//Montrer
function Show()
{
    imgToSwitch.style.display = 'block';
}
 
//HTML
<img id="MonImage" alt="MonImage" src="MonImage.jpg">
Le hic : Dès que je lance un évènement sur la page qui va rafraîchir celle-ci, elle va totalement se freezer !
De plus, au lancement de la page, celle-ci ne prend pas en compte la fin du chargement et mon gif reste affiché, jusqu'à ce que je lance un évènement et que la page se freeze...
J'ai testé sans les display, juste en faisant des alertes, et là ça marche nikel...

Edit: Test avec Firefox et Firebug me renvoie une erreur JS:"imgToSwitch has no properties".