FAQ Expression Web, SharePoint Designer et FrontPage

 Questions, aides et astuces, provenant au départ du forum microsoft.public.fr.frontpage.

Fenêtres pop-up

Sauter la navigation

 


 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

Question 1 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...

Réponse 1 Heureusement les fenêtres pop-up ne s'ouvrent plus automatiquement dans les navigateurs récents, car ils les bloquent systématiquement. De plus, le contenu de ces fenêtres ne s'affichera peut-être pas correctement. 

En voici quand même quelques exemples en JavaScript (c'est-à-dire non fonctionnel pour un grand nombre de visiteurs): 
http://www.aidenet.com/pageperso68.htm
Dans la section 68e, vous trouverez plusieurs modèles de fenêtres pop-up. 

http://www.editeurjavascript.com/scripts/search.php?asked=pop-up&dest=1

Et pour obtenir en plus une description des commandes utilisées:
http://perso.wanadoo.fr/coin.des.experts/reponses/faq9_17.html

Retour au début

2 - Le code d'une fenêtre pop-up

Question 2 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?

Réponse 2 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 +)

Retour au début