Introduction

La méthode window.open() sert à ouvrir des nouvelles fenêtre de votre navigateur. Cette fonction est responsable des publicités de type "popup" qu'on voit sur le web. Heureusement, les nouveaux fureteurs standards (comme Mozilla, Netscape 7, Firebird, Opera) possèdent des blocages intelligents pour contrer cette peste. En effet, la plupart bloque tous les popups qui se charge automatiquement à l'ouverture d'une page web et d'autres navigateurs possèdent des gestionnaires plus avancés qui bloquent ces fenêtres envahissantes que pour certains sites.

Description

Niveau: débutant en programmation Javascript

Langage: Javascript
Pré-requis: un éditeur texte, un fureteur, connaissances en (X)HTML, savoir comment ouvrir une page (X)HTML.
Exemple de code source en action: le code source de la page d'accueil de Multimania contient cette fonction.
Fréquence de la question: élevée

La Méthode window.open()

Appel

window.open(adresse, nom, [options])

Paramètres:

1. adresse: l'adresse de la page ou URL
2. nom: un nom (sans espaces ni accents) pour identifier la page
3. [options]: des options définies selon les navigateurs. Le paramètre n'est pas obligatoire.

Examples

Lien hypertexte (X)HTML Transitional:

<a href="index.php" target="_blank" onclick="window.open(this.href,this.target);return false;">Ouvrir une fenêtre</a>

Lien hypertexte (X)HTML Strict:

<a href="index.php" onclick="window.open(this.href,'_blank');return false;">Ouvrir une fenêtre</a>

Boutons de formulaire (XHTML):

<form>
<input type="button" value="Entrer" 
 onclick="window.open('page1.htm','page1','toolbar=no');" />

<input type="button" value="Entrer sans barre d'outil" 
 onclick="window.open('page2.htm','page2','top=0,left=0,width=800,height=600');" />

<input type="button" value="Entrer en mode plein écran avec IE" 
 onclick="window.open('page1.htm','page3','fullscreen=1');" />
</form>

<!-- soumettre un formulaire dans un popup -->
<form method="get" action="page.php" target="page4" onsubmit="window.open('', this.target,'');">
 <input type="submit" value="Soumettre" />
</form>

Documentation:

• Doc. officielle de Netscape
• Doc. officielle d'Internet Explorer
• Doc. officielle de Gecko (Mozilla.org)
• Des popup accessibles et intelligentes (OpenWeb)
• Générateur chez ÉditeurJavascript
• Avancé DHTML: Microbians.com
• DOMGecko window.open()

Lire les commentaires | Laisser un commentaire