Objet window

Article classé dans Javascript

Introduction à l'objet window

L'objet window est compatible avec les navigateurs Netscape Navigator et Internet Explorer : c'est l'objet maître du Javascript (implicite)! Il peut être défini comme une véritable fenêtre, où l'objet document est considéré comme le contenu de cette même fenêtre. L'utilisation la plus courante est la création d'une fenêtre volante (popup).

Hiérarchie de l'objet window

html47.gif

Les principales propriétés de l'objet window

Exemple d'utilisation : window.propriété

 <table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc">Propriété</td><td align="center" bgcolor="#6699cc">Description</td></tr><tr><td>closed</td><td>Indique si une fenêtre a été fermée</td></tr><tr><td>defaultstatus</td><td>Message par défaut contenu dans la barre d'état du navigateur</td></tr><tr><td>document *</td><td>Représente le contenu de la fenêtre (lecture seule)</td></tr><tr><td>history *</td><td>Historique de la fenêtre (lecture seule)</td></tr><tr><td>length</td><td>Nombre de frames dans la fenêtre courante</td></tr><tr><td>location *</td><td>URL courante de la fenêtre</td></tr><tr><td>name</td><td>Nom d'une fenêtre</td></tr><tr><td>parent</td><td>Indique une fenêtre d'un cadre (frame)</td></tr><tr><td>self</td><td>Indique la fenêtre courante</td></tr><tr><td>status</td><td>Lit ou écrit le contenu de la barre d'état du navigateur</td></tr><tr><td>statusbar</td><td>Affichage ou non de la barre d'état du navigateur</td></tr><tr><td>toolbar</td><td>Affichage ou non de la barre d'outils du navigateur</td></tr><tr><td>top</td><td>Indique l'objet fenêtre le plus haut</td></tr></tbody></table> 

* : Ces propriétes de l'objet window sont également des objets.

Les principales méthodes de l'objet window

Exemple d'utilisation : window.méthode(arg)

 <table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc">Méthode</td><td align="center" bgcolor="#6699cc">Description</td></tr><tr><td>alert('message')</td><td>Permet d'afficher une boîte de dialogue (avertissement)</td></tr><tr><td>back()</td><td>URL précédente (historique) du navigateur</td></tr><tr><td>blur()</td><td>Permet de désactiver la fenêtre spécifiée</td></tr><tr><td>clearTimeout</td><td>Efface la fonction "chronomètre"</td></tr><tr><td>close()</td><td>Permet de fermer la fenêtre spécifiée</td></tr><tr><td>confirm(arg)</td><td>Permet d'afficher une boîte de dialogue (confirmation)</td></tr><tr><td>focus()</td><td>Active la fenêtre spécifiée</td></tr><tr><td>forward()</td><td>URL suivante (historique) du navigateur</td></tr><tr><td>open(arg)</td><td>Permet d'ouvrir une nouvelle fenêtre</td></tr><tr><td>prompt()</td><td> Permet d'afficher une boîte de dialogue (informations à saisir par l'utilisateur)</td></tr><tr><td>setTimeout</td><td>Permet d'activer une fonction "chronomètre" (en ms)</td></tr></tbody></table>

Quelques exemples

Exemple 1 : comme vu plus haut, la propriété window (avec la méthode open) est couramment utilisée pour ouvrir une fenêtre. Voici les différentes caractéristiques d'une fenêtre.

Syntaxe : window.open('URL','nom_fenêtre','caractéristiques')

html48.gif

1) menubar (défaut : no).
2) toolbar (défaut : no).
3) location (défaut : no).
4) status (défaut : no).
5) scrollbars (défaut : no).

Note : La valeur resizable, si elle est égale à yes, permet au visiteur de redimensionner la fenêtre. Les valeurs top et left permettent de positionner (par rapport à la fenêtre maître) la nouvelle fenêtre.

<form>
    <input type="button" value="Exemple" name="Exemple" onclick="window.open('fenetre.htm', 'Exemple', 'width="250",height="300",top="120",left="120")" />
</form>

Note : A l'intérieur de cette fenêtre vous pouvez créer un bouton de fermeture.

<form>
    <input type="button" value="Fermer !!" onclick="window.close()" />
</form>

Article publié le 13/03/2004 par ALL HTML.