| |
L'ouverture d'une fenêtre grâce à la fonction "open" peut être accompagnée de paramètres.
| Syntaxe |
<script language="Javascript">
fenetre=window.open(url,nom,parametres);
</script>
ou : déclaration dans l'entête de la page
<script language="Javascript">
function ouvrir();
{fenetre=window.open(url,nom,parametres);}
</script>
et utilisation dans le body
<a href="#" onClick="ouvrir()">Lien</a>
ou : utilisation directe dans le body
<a href="#" onClick="window.open(url,nom,parametres)">Lien</a>
|
|
|
Exemple :
caleuro = window.open('calceuro.htm','Convertisseur','toolbar=no,directories=no,status=no, menubar=no,scrollbars=no,copyhistory=no,resizable=no,width=255,height=310'); |
Les trois écritures ci-dessous signifient la même chose :
win = window.open("http://www.asp-php.net/", "asp-php", "menubar,resizable");<br> win = window.open("http://www.asp-php.net/", "asp-php", "menubar=yes,resizable=yes");<br> win = window.open("http://www.asp-php.net/", "asp-php", "menubar=1,resizable=yes"); |
Une fenêtre, nommée "asp-php", sera ouverte en chargeant l'URL "http://www.asp-php.net/".
Le troisième paramètre passé à la commande "open" contient les attributs à donner à cette fenêtre.
Ainsi, dans cet exemple, on demande l'affichage de la barre des menus et on autorise le redimensionnement de la fenêtre.
La fenêtre ouverte par ce script pourra être fermée, après traitement, grâce à la commande self.close(). Pour voir un exemple d'utilisation, jeter un oeil sur Des pop-ups pour remplir des formulaires.
Voici la liste des paramètres qu'il est possible de passer, en les séparant par une virgule, à la fonction "open", ainsi que leur signification et l'indication de leur compatibilité avec les navigateurs :
alwaysLowered (nécessite un script signé) : NS4+
alwaysRaised (nécessite un script signé) : NS4+
channelmode (barre d'outils seule) : IE4+
copyhistory (sauvegarder historique) : Toutes versions
dependent (liée à l'opener) : NS4+
directories (barre de liens perso) : Toutes versions
fullscreen (plein écran) : IE4+
height (hauteur) : Toutes versions (à utiliser avec width)
hotkeys (raccourcis clavier) : NS4+
innerHeight (hauteur interne) : NS4+ (à utiliser avec innerWidth)
innerWidth (largeur interne) : NS4+ (à utiliser avec innerHeight)
left (position à partir du bord) : IE4+ (à utiliser avec top)
location (barre d'adresse) : Toutes versions
menubar (barre des menus) : Toutes versions
outerHeight (hauteur externe) : NS4+ (à utiliser avec outerWidth)
outerWidth (largeur externe) : NS4+ (à utiliser avec outerHeight)
resizable (redimensionnable) : Toutes versions
screenX (position à partir du bord) : NS4+
screenY (position à partir du haut) : NS4+
scrollbars (ascenseurs) : Toutes versions
status (barre d'état) : Toutes versions
titlebar (barre de titre) : IE5+, NS4+
toolbar (barre d'outils) : Toutes versions
top (position à partir du haut) : IE4+ (à utiliser avec left)
width (largeur) : Toutes versions (à utiliser avec height)
z-lock (nécessite un script signé) : NS4+
|
|
La plupart de ces paramètres sont soit activés, soit désactivés avec yes/no ou 1/0.
Les paramètres de positionnement ou de dimensionnement sont suivis de la valeur exprimée en pixels.
Certains de ces paramètres fonctionnent par paire.
Ainsi height et width, ou left et top, vont être utilisés ensemble.
D'autre part, si vous utilisez left et top, mettez également screenX et screenY afin que cela fonctionne aussi bien avec Internet Explorer qu'avec Netscape. Mais, entre nous, j'utilise uniquement left et top, et je ne me souviens pas avoir eu un problème avec Netscape... mais bon, "mieux vaut prévenir que guérir".
Pour plus d'infos, voir, entre autres :
Le site de
WebReference
Le site de Netscape
A vos claviers... Ouvrez bien les fenêtres, mais attention aux courants d'air...
|