Savoir si une page web est totalement chargée (sans onload)

**Difré91** · 16/07/2010, 12h47

Bonjour à tous,

J'aimerais savoir s'il existe en javascript une méthode de la classe window qui dirais si la fenêtre est chargée entièrement ou non (genre isLoaded) ?

En fait, je ne peux pas utiliser l'évenement onload de la page car je fais le test de chargement sur un script externe contenu dans un document svg.

Le javascript dans le document svg possède son propre DOM, donc il ne communique pas directement avec le DOM de la page.

Je peux récupérer une référence sur la page appelante quand même.

En fait le problème que j'ai, c'est qu'avant j'assignait une fonction d'initialisation de mon script du SVG à l'évenement onload de la page. Maintenant, je fais des appels asynchrones pour changer mes documents SVG et donc la fonction d'initialisation n'est pas rapellée à chaque fois (l'évenement onload étant unique par rechargement de page).

voila le problème que je me suis permis de beaucoup détailler pour éviter les réponses hors sujet...

**emmanuel.remy** · 16/07/2010, 13h27

Salut,

Les documents SVG ont leur propre événement onload.
Cela ne te convient pas ?

ERE

**vermine** · 16/07/2010, 13h31

Bonjour,

Emmanuel, si je ne m'abuse c'est le SVG qui aimerait connaitre le onload de la page, pas son onload à lui.

**emmanuel.remy** · 16/07/2010, 13h39

En fait le problème que j'ai, c'est qu'avant j'assignait une fonction d'initialisation de mon script du SVG à l'évenement onload de la page. Maintenant, je fais des appels asynchrones pour changer mes documents SVG et donc la fonction d'initialisation n'est pas rapellée à chaque fois (l'évenement onload étant unique par rechargement de page).

Bon ben alors j'ai pas tout compris ...

ERE

**E.Bzz** · 16/07/2010, 14h57

Bonjour,

Envoyé par Difré91

En fait, je ne peux pas utiliser l'évenement onload de la page car je fais le test de chargement sur un script externe contenu dans un document svg.

Le javascript dans le document svg possède son propre DOM, donc il ne communique pas directement avec le DOM de la page.

pas sûr que j'ai tout compris, mais, suivant la "vision" que ton SVG a du DOM de la page (je ne connais pas le fonctionnement SVG), peut être que le onload de la page pourrais créer dynamiquement un nouvel élément (non présent dans le code source, donc) ou encore alimenter une variable globale.
Ensuite le onload du SVG n'aurait qu'à tester ce nouvel objet ...

A+

**Difré91** · 16/07/2010, 15h27

En fait emmanuel.remy, c'est une assez bonne solution pour l'utilisation asynchrone, mais je doit m'assurer quand même que mon DOM de la page est entièrement chargé, car j'assigne des fonctions de mon javascript SVG à un élément spécifique du DOM de la page HTML.

Enfin, je fait tout ça pour essayer de corriger un bug, qui ça se trouve n'est pas relié à ça !! Mais bon, j'aimerais bien modifier ça pour être sur que ça ne vient pas de là !

EDIT: en fait, je me prend la tête tout seul, j'utilisais déjà le onload du SVG... Désolé

Enfin, toujours est t'il qu'il n'existe pas d'attribut de la classe windows qui spécifierais si elle est chargée ou non ?

**emmanuel.remy** · 16/07/2010, 15h58

Dans ce cas là tu peux aussi faire une fonction du style:

Code :

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

1
2
3
4
5
6
7
8
function checkReady() {
    var eAtt = document.getElementById("monElementAttendu");
    if (eAtt == null) {
        setTimeout("checkReady()", 500);
    } else {
        ...
    }
}

ERE

**Auteur** · 17/07/2010, 10h27

bonjour,

pourquoi ne pas mettre ton code javascript en fin de page (juste avant la balise </body> ?

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
 
<body>
<!-- le code de ta page -->
 
 
<script type="text/javascript">
alert("page chargée");
</script> 
 
</body>
</html>

**Bovino** · 17/07/2010, 21h56

Ou affecter à un booléen l'état de la page :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
var isPageLoaded = false;
window.onload = function(){
    isPageLoaded = true;
}
</script>

Savoir si une page web est totalement chargée (sans onload)

JavaScript

Vue hybride

Discussions similaires

Partager

Partager