Comment tester si tous les éléments d'une page ont été chargés ?

Version imprimable

Bonjour tlm,

Je voudrais savoir comment tester en javascript si tous les éléments d'une page ont été chargés.
Plus précisément les éléments externes, par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
// Les styles css externes :
<link rel="stylesheet" type="text/css" href="css/dark_styles.css" />
 
// L'appel à des script javascript :
<script language="javascript" type="text/javascript" src="scripts/js/effects.js">
</script>
 
// L'appel à des script vbscript :
<script language="vbscript" type="text/vbscript" src="scripts/vbs/network.vbs">
</script>
 
// Les images :
<img src="images/logo.png" alt="Don't touch" />

15/02/2007, 10h09
E.Bzz

Bonjour,
ce qui est dans le <head> est chargé en premier il me semble (si c'est pas vrai, je me ferai engueuler tout de suite :mrgreen: ).
Pour le reste de la page

Code:

<body onload="alert('C\'est tout bon !!');">

A part, peut-être pour les objets type Flash (connais po) ...

A+
15/02/2007, 10h35
Auteur

bonjour,

tu peux te renseigner sur l'attibut readyState. Par contre, j'ignore si c'est compatible avec tous les navigateurs.

Sinon fais comme le précise E.Bzz, utilise onload() : si cet événement a lieu tu es sûr que ta page est chargée.
15/02/2007, 10h58
SpaceFrog

pour les images c'est complete qu'il faut tester ...
comme c'est ce qui est en générale le plus long à charger, je ne teste que les images ...
15/02/2007, 11h07
E.Bzz

Ah oui, et j'avais lu sur ce forum que l'évènement onload est à présent géré sur les <img>.
Par contre, pour la compatibilité, je sais pas ...

A+
15/02/2007, 13h19
Gat-

Merci beaucoup à tous !

Je fais les tests avec l'évènement onload et puis si ça fonctionne pas, je me pencherai sur l'attribut readyState.