Évènements :Chargement de page Javascript
Un article de WikiTuto.
Sommaire |
Explication
Au fur et à mesure que vous développez une page, son contenu se complexifie et ainsi augmente son temps de chargement, particulièrement pour les internautes qui naviguent par modem téléphonique. Lorsqu'une page prend beaucoup de temps à se charger, il arrive que les utilisateurs se questionnent sur ce qui se passe; ils se demandent si la page est totalement chargée, etc.
Il est possible d'utiliser l'événement onload pour indiquer à l'utilisateur que la page est chargée ou lui envoyer n'importe quel message de votre choix lorsqu'il arrive sur votre page. Cet événement s'utilise à l'intérieur de la balise <body>.
onload est pratique pour déterminer que tous les graphiques et objets de la page ont été chargés avec de commencer à exécuter les autres scripts de la page.
Exemple
Ce code permet de mettre sur sa page un champ de texte qui inscrit que le chargement est en cours et change son texte pour chargement achevé lorsque c'est le cas.
<body onload="document.form1.texte.value='Chargement achevé';"> <form name="form1"> <input type="text" name="texte" size="30" value="Chargement en cours"/> </form> </body> </form>
L'événement onunload fait évidemment le contraire, il exécute une partie de code lorsque l'usager quitte la page Web (ou la recharge). Plusieurs webmestres utilisent onload et onunload pour faire apparaître de petites fenêtre de style pop up de publicité au chargement et lors du départ de la page. Éviter d'utiliser une boîte d'alerte avec onunload puisqu'il ne sera pas apprécié par les visiteurs de devoir cliquer cette boîte afin de quitter la page.
Il est toujours possible pour un usager de cliquer lorsque la page se charge, le bouton arrêter de son navigateur. Cette action est détectable via l'événement onabort . On peut l'utiliser pour aviser l'utilisateur qu'il n'a pas chargé tous les évènements.
L'événement onerror détecte des erreurs lors du chargement des éléments. Lorsque le navigateur n'arrive pas à charger une image ou une page, onerror est appelé. En le captant, il est possible d'afficher un message à cet effet.
La méthode window.stop() permet de simuler la fonctionnalité des navigateurs qui permet d'avorter le chargement d'une page.
