Configuration des popups

ou

Générez vos codes de popups en ligne
 
les 2 attributs de bases sont les suivants :
width    = largeur de la fenêtre
height  = hauteur de la fenêtre
 

la ligne de code ressemblera alors à cela :
 

 
<A HREF="votre lien.htm" onclick="window.open
('','','width=200,height=200')">Cliquez SVP</A>
 
 
Explications : 
 
<A HREF="votre lien.htm"
indiquer ici l'url de la page qui devra s'afficher dans le pop up
width=200
est la largeur du pop up en pixels
height=200')
est la hauteur du pop up en pixels
Cliquez SVP
est le texte du lien
 
regardez bien la fin de la balise heigth qui se termine 
par ' apostrophe et non par , virgule
 
Maintenant, voici comment faire pour avoir plusieurs popups dans la même page, qui 
possèdent chacun leurs propres attributs, donc qui doivent s'ouvrir dans une fenêtre différente !!!
 
Pour cela, l'on se sert comme pour les frames de la fonction TARGET ( la cible )
 
Exemple :
 
 
<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200')">Cliquez SVP</A>
 
Et si je donne au pop up une cible, par exemple un lien vers une page dans une frame ???
cela fonctionnera, mais : la page s'affichera dans la frame, et le popup s'ouvrira, mais vide !!!
 
Attention !!!! erreur à ne pas faire !!!!
 
prenez l'habitude de donner un nom non composé ( c'est à dire éviter les espaces entre 2 mots ) à vos popups
par exemple : popup 1 devra se nommer popup1, pourquoi ????
 
Autrement vous obtiendriez ce message d'erreur :


Maintenant si vous désirer ajouter la barre de menus
le code devra ressembler à cela :
 

 
<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200,menubar=yes')">Cliquez SVP</A>
 
A savoir :
vous pouvez également remplacer le yes par 1
vous pouvez également remplacer le no par 0
 

Ensuite, si vous désirez ajouter des barres de défilement,
voici le code :
 

<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200,menubar=yes,scrollbars=yes' )">Cliquez SVP</A>
 

Ensuite, si vous désirez ajouter la barre d'adresse,
voici le code :
 

 
<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200,menubar=yes,scrollbars=yes,location=yes' )">Cliquez SVP</A>
 

Ensuite, si vous désirez ajouter la barre de statut ou d'état,
voici le code :
 

 
<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200,menubar=yes,scrollbars=yes,location=yes,status=yes' )">Cliquez SVP</A>

Maintenant, je désire que mon popup soit distant de 50 pixels à partir du bord gauche de la page
voici le code :
 
<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200,menubar=yes,scrollbars=yes,location=yes,status=yes,left=50' )">Cliquez SVP</A>
 

Maintenant, je désire que mon popup soit distant de 100 pixels à partir du bord haut de la page
voici le code :
 
<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200,menubar=yes,scrollbars=yes,location=yes,status=yes,left=50,top=100' )">Cliquez SVP</A>
 

Et pour finir, j'aimerais que l'internaute ne puisse pas redimensionner le popup avec sa souris
voici le code :
 
<A HREF="votre lien.htm"  TARGET="nom" onclick="window.open
('','nom','width=200,height=200,menubar=yes,scrollbars=yes,location=yes,status=yes,left=50,top=100,resizable=no' )">Cliquez SVP</A>
 
Cliquez ici pour configurer & voir l'aspect de vos popups en ligne
Cliquez ici pour créer en ligne un popup qui s'ouvre en cliquant sur un lien
Cliquez ici pour créer en ligne un popup qui s'ouvre en cliquant un bouton
Cliquez ici pour créer en ligne un popup qui s'ouvre en cliquant sur une image
Cliquez ici pour créer en ligne un popup qui s'ouvre automatiquement
Cliquez ici pour créer en ligne un popup qui s'ouvre & se ferme automatiquent
 
Javascript Center le : 15/09/2001