theprogrammeur-Window

L'objet window

Vous connaissez déjà certaines particularités de l'objet window tels que les boites d'alerte ou encore la minuterie, mais dans cette partie, nous allons nous intéresser à l'ouverture d'une nouvelle fenêtre.

Ouvrir de nouvelles fenêtres

L'objet window vous permet, par un simple clic d'ouvrir de nouvelles fenêtres configurables à loisir.
Pour ouvrir une nouvelle fenetre, il suffit de taper ce code:

window.open('adresse_de_la_page', 'nom_de_la_fenetre', 'caracteristiques');

adresse_de_la_page est l'adresse de la page que vous souhaitez ouvrir dans votre nouvelle fenêtre. Voici la liste des caractéristiques que peut posséder votre nouvelle fenêtre:

Paramètre	Explication
resizable=yes/no	les dimensions de la fenêtre peuvent être modifiées
toolbar=yes/no	affichage des barres d'outils
width=?	largeur de la fenêtre (en pixels)
height=?	hauteur de la fenêtre (en pixels)
location=yes/no	affichage de la barre d'adresses
status=yes/no	affichage de la barre d'état
directories=yes/no	affichage des boutons d'accès rapide
menubar=yes/no	affichage des menus
scrollbars=yes/no	affichage des barres de défilement

Voici un exemple d'ouverture de fenêtre lorsque le visiteur clique sur un lien:

<a href="#" onClick="window.open('fichier.htm', 'Publicité très envahissante', 'width=500,height=500,resizable=no,location=no,status=no, directories=no,menubar=no,scrollbar=no')">Ouvrir une publicité envahissante</a>

Vous pouvez tester:
Ouvrir une publicité envahissante

Non, ce n'est pas une pub qui s'ouvre, mais le site de Kubuntu, une distribution Linux (un peu de pub pour Linux j'a jamais fait de mal)

Fermer automatiquement la nouvelle fenêtre

Il est possible de fermer automatiquement les nouvelles fenêtres que vous ouvrez. Pour ce faire, utilisez la fonction "self.close();".
Exemple avec un lien:

<a href="#" onClick="self.close();">Fermer cette fenêtre</a>

Si vous souhaitez fermer automatiquement la fenêtre après un certain temps, il suffit de coupler cette fonction à un compteur setTimeout().
Exemple:

var temps = setTimeout("self.close", 10000);

Il se peut que le navigateur ou l'antivirus bloque l'ouverture de vos fenêtres Javascript. Ne vous fiez donc pas trop à cette technique

Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.4436 secondes.
Retour en haut de la page
Imprimer cette page