1 - Modèles de fenêtres pop-up
2 - Le code d'une fenêtre pop-up
1 - Modèles de fenêtres pop-up
Voilà, j'aimerais que lorsque l'utilisateur clique sur un de mes liens, la page
s'ouvre dans une nouvelle fenêtre, comme les fenêtres de pub qui apparaissent
sur certains sites, sans la barre d'outil...
Heureusement, les fenêtres pop-up ne s'ouvrent plus automatiquement dans les
navigateurs récents, car ceux-ci les bloquent systématiquement. De plus, le contenu de ces fenêtres ne s'affichera peut-être pas
correctement pour de nombreux visiteurs.
2 - Le code d'une fenêtre pop-up
Avec FrontPage (ou en HTML directement), est-il possible de créer un lien vers
une nouvelle fenêtre, tout en spécifiant la dimension de la nouvelle fenêtre?
Oui, en faisant une fenêtre pop-up:
Commencez par faire un lien normal vers la page en question en précisant comme
cadre de destination Nouvelle fenêtre. Dans le code Html, la commande serait
semblable à:
<a href="page-en-question.html" target="_blank">texte du lien</a>
Vous ajoutez ensuite ceci:
<a href="page-en-question.html" target="_blank" onclick="javascript:window.open(this.href,'popup',
'toolbar=0,location=0,directories=0, menuBar=1,resizable=1,width=550,height=260,top=0,left=0');
return false;">texte du lien</a>
Attention, tout mettre sur une seule ligne !
Ici, c'est une fenêtre de 550 pixels par 260, collée dans le coin supérieur
gauche. Cela se modifie en changeant les valeurs de width, height, top et left
qui s'expriment en pixels.
Pour toolbar, location, directories, menubar et resizable, vous les placez à 0
ou 1, selon l'aspect voulu pour la fenêtre.
Note: il est important de laisser le lien normal, contrairement à ce qui est
indiqué dans beaucoup de scripts qu'on trouve dans
Internet, car cela permet d'une part aux moteurs de trouver votre page et,
d'autre part, à ceux qui ont désactivé JavaScript de voir votre page, mais dans
une fenêtre normale.
En prime, voici la liste complète des propriétés:
directories : affichage de la barre de liens
menubar : affichage de la barre de menu
status : affichage de la barre de statut
location : affichage de la zone d'adresse
scrollbars : affichage des barres de scrolling
resizable : autorise le redimensionnement de la fenêtre pop-up
height : hauteur en pixels
width : largeur en pixels
left : position horizontale en pixels sur l'écran
top : position verticale en pixels sur l'écran
fullscreen : pop-up en plein écran (version 5 et +)