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
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
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>
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
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>