|
 |
Le but de ce script est simplement d'ouvrir une fenêtre d'une taille précise,
avec ou sans barre d'adresse, de statut, de boutons...
On appelle généralement ça un 'popup'. |
 |
|
|
|
 |
Une fonction basique de JavaScript sera utilisée : window.open.
Les différents paramêtres possibles sont et servent à :
- location=yes/no : affiche ou non la barre d'adresse,
- toolbar=yes/no : affiche ou non la barre de boutons,
- directories=yes/no : affiche ou non la barre de boutons 'Nouveautés'...,
- menubar=yes/no : affiche ou non la barre des menus (Fichier, Edition...),
- resizable=yes/no : permet ou non le redimensionnement de la fenêtre,
- screenX= : placement de la fenêtre en abcisse,
- screenY= : placement de la fenêtre en ordonnée,
- scrollbars=yes/no : affiche ou non les ascenceurs,
- status=yes/no : affiche ou non la barre d'état,
- width : donne la largeur de la fenêtre en pixels,
- height : donne la hauteur de la fenêtre en pixels,
Les valeurs en gras sont les valeurs par défaut si rien n'est spécifié.
En plus de ces paramêtres, deux éléments importants, l'URL du fichier à charger dans la
fenêtre ouverte, et le nom qu'on lui donne pour y accéder depuis une autre fenêtre. |
|
|
|
|
 |
dans la partie <head>
 |
|
 |
|
<script language="JavaScript">
// fonction simple, seul le fichier à afficher est passé en variable
function popup(url) {
window.open(url,'nom_de_la_fenetre','location=no,toolbar=no,directories=
no,menubar=no,resizable=yes,scrollbars=yes,status=no,width=200,height=150,
screenY=100,screenX=100');
}
// fonction modulable, le fichier à afficher, le nom de la fenêtre, les largeurs, hauteurs et position de la fenêtre sont passés en variable
function popupmodulo(url, name, x, y, top, left) {
window.open(url,name,'location=no,toolbar=no,directories=no,menubar=no,resizable=yes,
scrollbars=yes,status=no,width='+x+',height='+y+'screenY='+top+',
screenX='+left);
}
</script>
|
|
|
 |
|
 |
dans la partie <body>
|
|
|
|
<a href="javascript:popup('fichier.html');">Cliquez pour ouvrir</a>
<a href="javascript:popupmodulo('fichier.html', 'toto', 100, 300, 25, 100);">Cliquez pour ouvrir une deuxième fois</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
Ouvrir une fenêtre
