Tutoriel sur window.open

Javascript - Tutoriel sur window.open

Description

Un tutoriel très simple, (qui peut être utile) où je vous détaillerai l'ensemble des paramètres de la méthodes window.open(...). La question des popups revenant souvent dans le forum, je vous montrerai 2,3 trucs.

Les paramètres de la méthode window.open

Paramètre Description Valeur
alwaysRaised Ce paramètre définit si la nouvelle fenêtre sera toujours au-dessus
des autres (exclusif Netscape)
Valeurs : 0 ou 1
height Ce paramètre définit la hauteur de la popup. Exprimée en pixels
left Il s'agit de la distance de la popup par rapport au côté gauche de l'écran. Exprimée en pixels
location Il montre ou cache la barre d'adresses. Valeurs : 0 ou 1.
menubar Il montre ou cache la barre de menus. Valeurs : 0 ou 1.
resizable Il définit si la popup peut être redimensionnable. Valeurs : 0 ou 1.
scrollbars Il montre ou cache les scrollbars. Valeurs : 0 ou 1.
status Il montre ou cache la barre de status. Valeurs : 0 ou 1.
toolbar Il montre ou cache la barre d'outils. Valeurs : 0 ou 1.
top Il définit la distance de la popup par rapport au côté supérieur de l'écran. Exprimée en pixels
width Il définit la largeur de la popup. Exprimée en pixels

Exemple

window.open("http://www.javascriptfr.com", "javascriptfr", "height=500,width=500,resizable=1,location=1,status=1");

Ecrire dans une popup

mapopup = window.open("about:blank", "mapop", "height=500,width=500,resizable=1");
mapopup.document.write("Voici une popup !");

Sale PUB !!!

Une astuce pour que votre popup garde le focus.

mapopup = window.open("about:blank", "mapop", "height=500,width=500,resizable=1");
mapopup.document.write("<body onBlur='self.focus()'></body>");
A voir également
Ce document intitulé « Tutoriel sur window.open » issu de CodeS SourceS (codes-sources.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
10 Commentaires