 Objet window, la fenêtre du navigateur

Présentation au sujet: " Objet window, la fenêtre du navigateur"— Transcription de la présentation:

1  Objet window, la fenêtre du navigateur
Document Object Model Les objets Javascript respectent une hiérarchie. L'objet de plus haut niveau est la fenêtre du navigateur. Celui-ci contient le document HTML, et ainsi de suite… Cette hiérarchie est décrite par le Document Object Modele (DOM) Fenêtre du navigateur Document HTML Formulaire Boutons radio Cette hiérarchie, indispensable pour accéder à un objet donné, sera vue en détail pour chaque objet étudié. C'est un concept de programmation orientée objets

2  Objet window, la fenêtre du navigateur
Propriétés : Une seule propriété nous intéresse plus particulièrement pour cet objet, la propriété status, qui permet d'écrire un commentaire dans la barre d'état. Méthodes : 3 méthodes permettent de "dialoguer" avec l'internaute, dans un script : alert( ), confirm( ) et prompt( ) Les méthodes print( ) et close( ) permettent, respectivement, d'imprimer de fermer la fenêtre

3  Objet window, la fenêtre du navigateur
Exemples Pratiques Le contenu d'une page HTML doit pouvoir être imprimé en cliquant sur une icône Mais le contenu de la page web ne peut tenir sur une page papier. Il s'agit alors au préalable de redimensionner(zoom) le corps (body) du document HTML par un style (propriété zoom). Schéma d'exécution : Insertion de l'image (nommée imprimer.gif, par ex.) dans le corps (body) du document HTML Définition d'un style pas la balise <style>, mais pour le média de type print uniquement, à distinguer du média de type screen. Un style zoom sera appliqué au corps du document. Associer un lien sur l'image de l'imprimante. Lorsque l'on clique sur le lien, la méthode print( ) est appliquée à l'objet window. Note : l'attribut href de la balise de lien hypertexte peut faire référence à une commande javascript suivant : <a href="javascript:window.print() >… </a>

4  Objet window, la fenêtre du navigateur
Méthode de contrôle d'ouverture d'une nouvelle fenêtre : La méthode open( ) permet d'ouvrir une page HTML dans une nouvelle fenêtre. On préférera cette méthode, qui permet un contrôle précis de cette nouvelle fenêtre, plutôt que l'attribut target de la balise de lien hypertexte a. Paramètres de contrôle de la fenêtre URL de la page à télécharger Nom de la fenêtre

5  Objet window, la fenêtre du navigateur
Exemples Pratiques Ecrire un script qui permet l'ouverture d'une page HTML dans une nouvelle fenêtre dont on contrôlera la position et les dimension, puis la présence ou non d'une barre d'adresse, de menu, etc.., le redimensionnement autorisé ou non de la fenêtre, … Cette méthode sera appelée lors d'un clic sur un lien hypertexte, en altrenative à l'utilisation de l'attribut target. Schéma d'exécution : Définir un lien hypertexte dans le corps du document HTML. Choisir pour valeur de l'attribut href l'exécution d'une fonction javascript, nommée ouvrirURL(). La fonction ouvrirURL( ) applique la méthode open( argument1,argument2, argument3) de l'objet window, où, notamment l'argument 3, permettra de tester les multiples contrôles d'ouverture de la nouvelle fenêtre. Note : l'attribut href de la balise de lien hypertexte peut exécuter une fonction javascript suivant : <a href="javascript:nom_fonction() >… </a>