CREATION de POP-UP

CREATION de POP-UP
(par Sitecom.biz)
Il s’agit de faire surgir une fenêtre en surimpression de celle existante…
L'ouverture de cette fenêtre est déclenchée par un événement utilisateur (clic, ouverture de
site, minuterie, ...) à travers une seule ligne de code javascript.
Attention !
Ce type de script n’est pas conseillé, car la plupart des navigateurs utilisent un filtre antipopup qui en interdit l’ouverture.
Nous ne pouvons que vous conseiller de remplacer avantageusement cette fonction par les
attributs alt et title, dont le simple passage de la souris sur un lien affiche le commentaire que
vous souhaitez dans une bulle.
Enfin, puisque vous insistez…
Un popup s’ouvre grâce à la fonction appelée sur l'objet window.
Cette fonction attend 3 paramètres :
window.open( page [,nom] [,options] )
Les trois paramètres sont des chaînes de caractères.
- page contient l'adresse de la page à afficher.
- nom contient le nom du popup qui va être ouvert (pas obligatoire).
- options est une chaîne de caractères contenant les options de paramétrage du popup(pas
obligatoire).
Les 2 derniers paramètres ne sont donc pas indispensables.
Pour ouvrir un popup sur un lien, voici la syntaxe HTML :
<a href="javascript:OuvrirPopup ('nom de la page à ouvrir.htm')">Nom du lien</a>
avec comme déclaration la fonction OuvrirPopup () :
<SCRIPT language=javascript>
function OuvrirPopup(page,nom,option) {
window.open(page,nom,option);
}
</SCRIPT>
Le script est à mettre de préférence dans la partie HEAD, ce qui simplifiera les choses
lorsqu’il y a plusieurs lien sur lesquels ouvrir un popup.
Les options d'affichage
Il est possible grâce au second paramètre d'affecter un nom au popup ouvert.
Ainsi les autres popups seront ouverts dans le même popup. Cela évite d'envahir l'écran du
visiteur avec de multiples fenêtres.
Sans le paramètre nom, un nouveau popup est ouvert à chaque fois.
Le dernier paramètre contient une chaîne d'options d'affichage.
Chaque option est séparée par une virgule.
Liste des options utilisables :
Propriétés
directories
menubar
status
location
scrollbars
resizable
height
width
left
top
fullscreen
Effets
Affichage de la barre de liens
Affichage de la barre de menu
Affichage de la barre de statut
Affichage de la zone d'adresse
Affichage des barres de scrolling
Autorise le redimensionnement du popup
Hauteur en pixels
Largeur en pixels
Position horizontale en pixels sur l'écran
Position verticale en pixels sur l'écran
Popup en plein écran (version 5 et +)
Valeurs possibles
yes | no
yes | no
yes | no
yes | no
yes | no | auto
yes | no
nombre entier
nombre entier
nombre entier
nombre entier
yes | no
Code particulier pour ouvrir une fenêtre à taille définie
Ce qui est quand même plus élégant.
<a href="javascript:OuvrirPopup ('nom de la page à ouvrir.htm', 'resizable=no,
location=no, width=200, height=100, menubar=no, status=no, scrollbars=no,
menubar=no') "> Nom du lien</a>