L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
104509 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     L'écriteau
     Faro-dessing
     Gifs animés, f...
     Netsources
     Easy-script.com
     Trucs et astuc...
     Je javascript
     Créer son site...
     Les autres
     Votre site ici ?


  > L'objet window



L'objet window est l'objet par exellence dans Javascript, car il est le parent de chaque obet qui compose la page web, il contient donc:
  • l'objet document: la page en elle-même
  • l'objet location: le lieu de stockage de la page
  • l'objet history: les pages visitées précédemment
  • l'objet frames: les cadres (division de la fenêtre en sous-fenêtres)

Les propriétés de l'objet window

propriété description lecture seule
defaultstatus Il s'agit du message qui s'affiche par défaut dans la barre d'état du navigateur non, modifiable à tout moment
frames Il s'agit d'un tableau qui contient les cadres présents dans la fenêtre Tous les éléments de frames sont en lecture seule
length nombre de cadres (nombre d'éléments du tableau frames Lecture seule
name nom de la fenêtre dans laquelle on se trouve Lecture seule
parent Il s'agit de la fenêtre qui englobe celle dans laquelle on se trouve (si il y en a une..) Lecture seule, contient des propriétés
self Synonyme de la fenêtre actuelle (redondance ou précision?) Lecture seule, contient des propriétés
status Il s'agit d'un message temporaire qui s'affiche dans la barre d'état du navigateur suite à un événement non, modifiable à tout moment, vous devez retournez la valeur true pour l'utiliser avec onMouseOver
top Il s'agit de la fenêtre de plus haut niveau, celle qui contient tous les cadres (frames) Lecture seule, contient des propriétés
window Il s'agit de la fenêtre actuelle... Lecture seule, contient des propriétés

Les propriétés window, self, frames, top et parent permettent de naviguer dans le système de sous-fenêtres, appelées frames.

  • les propriétés self et window sont les mêmes, elles permettent de désigner la page en cours, leur seul but est d'accentuer la précision de la hiérarchie pour une meilleure lecture du code. en effet, self.name est plus explicite que name
  • les propriété top et parent permettent de remonter dans la hiérarchie pour atteindre des fenêtre de niveau supérieur, notamment pour "sortir" des frames...
  • la propriété frames est un tableau qui permet de cibler un cadre spécifique faisant partie de la fenêtre où on se trouve. Pour désigner un cadre on utilise soit la notation window.frames[i]i représente le numéro du cadre, soit window.nom_du_cadre en désignant le cadre directement par le nom qu'on lui a assigné dans la balise frameset.

Les méthodes de l'objet window

L'objet window possède des méthodes relatives à l'ouverture et à la fermeture des fenêtres.

Les méthodes alert(), confirm() et prompt()

Les méthodes alert(), confirm() et prompt() sont des méthodes qui font apparaître une boîte de dialogue, elles sont expliquées en détail dans le chapitre Boîte de dialogue.

Les méthodes open(), et close()

Les méthodes open() et close() sont bien évidemment destinées à permettre l'ouverture et la fermeture de fenêtres. Toutefois la syntaxe de la méthode open() est longue car elle admet un nombre important de paramètres:

La méthode open() permet d'ouvrir une fenêtre, voici sa syntaxe:

window.open("URL","nom_de_la_fenetre","options_de_la_fenetre");

URL désigne l'url de la page qui sera affichée dans la nouvelle fenêtre, c'est-à-dire l'emplacement physique de celle-ci.

Les options de la fenêtre sont les suivantes:

optiondescription
directory = yes/noAffiche ou non les boutons de navigation
location = yes/noAffiche ou non la barre d'adresse
menubar = yes/noAffiche ou non la barre de menu (fichier, edition, ...)
resizable = yes/noDéfinit si la taille de la fenêtre est modifiable ou non
scrollbars = yes/noAffiche ou non les ascenceurs (barres de défilement)
status = yes/noAffiche ou non la barre d'état
toolbar = yes/noAffiche ou non la barre d'outils
width = largeur (en pixels)Définit la largeur
height = hauteur (en pixels)Définit la hauteur

Ainsi, il est possible d'utiliser cette méthode avec n'importe quel gestionnaire d'événement, directement dans le code à exécuter ou bien dans une fonction.

  • les options doivent être saisies les unes après les autres, séparées par des virgules, sans espace
  • l'ensemble des options doit être encadré par les guillemets

Chacune des fenêtres doit cependant être fermée, il faut donc se servir de la méthode close() qui permet de fermer une fenêtre.

La méthode close() requiert le nom de la fenêtre comme argument, il suffit donc de créer un bouton (image, hypertexte, ou bouton de formulaire) qui permettra de fermer cette fenêtre.

Pour un lien hypertexte, le code sera:
<A href="#" onClick="self.close('nom_de_la_fenetre_');return(false)">Cliquez ici pour fermer la fenêtre</A>

Pour un bouton (image), le code sera:
<A href="#" onClick="self.close('nom_de_la_fenetre_');return(false)"><img src="nom_de_l_image"></A>

Il est bien évidemment possible d'utiliser cette procédure avec tous les gestionnaires d'événement, en utilisant par exemple une syntaxe proche de celle-ci:
<A href="#" onMouseOver="self.close('nom_de_la_fenetre_');" ><img src="nom_de_l_image"></A>

Cours de JavaScript en partenariat avec CommentCaMarche.net
N'hésitez pas à visiter cet excellent site contenant des cours sur presque tous les langages de programmation !


Annotations des visiteurs :

Pas d'annotation pour ce cours.
>> Poster une annotation sur ce cours


Les autres cours :

|< Les objets du navigateur Les boites de dialogue >|








37 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
Internet-hebergeur.fr
Hébergement grand public et pro à partir de 5 euros HT/mois.
http://www.internet-heber...
Cat : Hebergement web
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
55677 membres
8491 comptes CountUs
1506 comptes myCircle

     LES FORUMS :
14 forums
39327 topics
189131 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par astuces-win
Dans Mozilla Firefox, utilisez Ctrl + T pour ouvrir un nouvel onglet. La navigation par onglets est beaucoup plus facile et permet de regrouper plusieurs sites en une seule fenêtre. Ctrl + W permettra de fermer l'onglet ouvert.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 18/11/2008 23:37:17 | Design by Studcrea | Gen. en 0.469 sec.