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

Version imprimable

16/07/2010, 11h47
Difré91

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

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...
16/07/2010, 12h27
emmanuel.remy

Salut,

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

ERE
16/07/2010, 12h31
vermine

Bonjour,

Emmanuel, si je ne m'abuse c'est le SVG qui aimerait connaitre le onload de la page, pas son onload à lui.
16/07/2010, 12h39
emmanuel.remy

Citation:

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
16/07/2010, 13h57
E.Bzz

Bonjour,

Citation:

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+
16/07/2010, 14h27
Difré91

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 ?

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

Code:

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

ERE

bonjour,

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

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

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

Code:

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