Zone de Texte: retour
window.open


Cette instruction javascript permet d'ouvrir une nouvelle fenêtre. Les options disponibles sont les suivantes:

<script language="javascript">function ouvrir() 	{	window.open ("page.html", "titre", "toolbars=no, menubars=no, location=no, height=100, width=100, left=100, top=100");	}</script>

qui sera appelé dans le corps de la page par un bouton ou un lien texte:

• pour un bouton:
	<form><input type="button" value="cliquer ici" onClick="ouvrir()"></form>

• pour un lien texte:
	<a href="#" onClick="ouvrir()">Cliquer ici</a>

ou qui sera lancé à l'ouverture d'une autre page par l'instruction suivante inscrite dans la balise body:
	<body onLoad="ouvrir()">

 

Paramètres:

arguments	signification	
page.html	l'URL de la page htm ou html appelée	obligatoire
titre	indiquer entre guillemets le titre donné à la page appelée	facultatif
paramètres	signification	valeurs autorisées
toolbars(toolbar)	la barre d'outils	yes    no
location	la zone d'adresse	yes    no
directories		yes    no
statusbars(status)	la barre d'état	yes    no
menubars (menubar)	le menu	yes    no
scrollbars	les barres de défilement (ascenseurs)	yes    no
resizable	redimensionnement autorisé	yes    no
taille et position
height	hauteur de la fenêtre appelée	en pixels
width	largeur de la fenêtre appelée	en pixels
left	sa position depuis le bord gauche de la fenêtre	en pixels
top	sa position depuis le haut de la fenêtre	en pixels



Variantes:
* Vous souhaitez utiliser la même fonction plusieurs fois dans la même page, affichant des fenêtres de même taille prédéfinie:

<script language="javascript">function ouvrir_une_fenetre (doc, nom) {window.open(doc,nom,"resizable=yes,scrollbars=yes,top=50,left=100,width=400,height=350");}</script>

que vous appellerez dans le corps de la page par: 
<a href="javascript:ouvrir_une_fenetre('page1.html','txt')">cliquer ici pour la première fenêtre</a>
<br><a href="javascript:ouvrir_une_fenetre('page2.html','txt')">cliquer ici pour la seconde fenêtre</a>


* Si vous préférez préciser à chaque fois la taille de la fenêtre, modifiez le script comme suit:

<script language="javascript">function ouvrir_une_nouvelle_fenetre (doc, nom,largeur,hauteur) {paramFen="resizable=yes,scrollbars=yes,top=50,left=100"paramFen+=",height="+hauteur+",width="+largeur;window.open(doc,nom,paramFen);}</script>


Zone de Texte: que vous appellerez dans le corps de la page par: 
<a href="javascript:ouvrir_une_nouvelle_fenetre('page1.html','txt',400,300)">cliquer ici pour la première fenêtre</a>
<br><a href="javascript:ouvrir_une_nouvelle_fenetre('page2.html','txt',300,150)">cliquer ici pour la seconde fenêtre</a>