|  |  | |
|
|
|
|
|
 Focus - 30 Août 2008
Devenez "membre" de ALL HTML et faites partie d'une vraie communauté de passionnés et/ou de professionnels du développement sur Internet.
L'accès membre est gratuit et vous permet d'accéder à des fonctionnalités complémentaires :
- accéder à l'annuaire des 44 000 membres,
- poster des messages dans les forums,
- utiliser la messagerie interne,
- bénéficier d'offres négociées...).
Alors n'attendez-plus!
 Inscrivez-vous dès à présent !
|
|
|
|
|
|
| JAVASCRIPT |     | | Objet window
 1. 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).
2. Hiérarchie de l'objet window
3. Les principales propriétés de l'objet window
Exemple d'utilisation : window.propriété
| Propriété | Description | | closed | Indique si une fenêtre a été fermée | | defaultstatus | Message par défaut contenu dans la barre d'état du navigateur | | document * | Représente le contenu de la fenêtre (lecture seule) | | history * | Historique de la fenêtre (lecture seule) | | length | Nombre de frames dans la fenêtre courante | | location * | URL courante de la fenêtre | | name | Nom d'une fenêtre | | parent | Indique une fenêtre d'un cadre (frame) | | self | Indique la fenêtre courante | | status | Lit ou écrit le contenu de la barre d'état du navigateur | | statusbar | Affichage ou non de la barre d'état du navigateur | | toolbar | Affichage ou non de la barre d'outils du navigateur | | top | Indique l'objet fenêtre le plus haut |
* : Ces propriétes de l'objet window sont également des objets.
4. Les principales méthodes de l'objet window
Exemple d'utilisation : window.méthode(arg)
| Méthode | Description | | alert('message') | Permet d'afficher une boîte de dialogue (avertissement) | | back() | URL précédente (historique) du navigateur | | blur() | Permet de désactiver la fenêtre spécifiée | | clearTimeout | Efface la fonction "chronomètre" | | close() | Permet de fermer la fenêtre spécifiée | | confirm(arg) | Permet d'afficher une boîte de dialogue (confirmation) | | focus() | Active la fenêtre spécifiée | | forward() | URL suivante (historique) du navigateur | | open(arg) | Permet d'ouvrir une nouvelle fenêtre | | prompt() | Permet d'afficher une boîte de dialogue (informations à saisir par l'utilisateur) | | setTimeout | Permet d'activer une fonction "chronomètre" (en ms) |
5. 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')
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> |
|
| |
Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...
| | Cliquez ici |
|
|
| | |
ACCUEIL
