Zone Webmasters - Popup en javascript

Zone Membre

Ressources

Kits graphiques

Liens utiles

> Accueil > Publications > JavaScript & DOM > Popup en javascript

Popup en javascript

Par: Crocxx | Catégorie: JavaScript & DOM

Je vous présente ici une technique très simple permettant de créer des popup en JavaScript. Cette technique se base simplement sur l'utilisation de la méthode open de l'objet window.

Ci-dessous, un petit exemple suivi par la liste des paramètres de cette méthode.

Le code


<script type="text/javascript">
<!--
var Popup = function Popup(Adresse_de_la_page,Nom_de_la_fenetre)
{
window.open(Adresse_de_la_page,Nom_de_la_fenetre,'height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,directories=no,status=no')
}
-->
</script>

Les paramètres

Paramètre	Valeurs	Descriptions
toolbar	yes \| no	Afficher la barre d’outils
location	yes \| no	Afficher la barre d’adresse
directories	yes \| no	Afficher la barre d’outils personnels ou la barre de liens
status	yes \| no	Afficher la barre de statut
menubar	yes \| no	Afficher la barre de menus
scrollbars	yes \| no	Afficher la barre de défilement
resizable	yes \| no	Redimensionner la fenêtre
width	en pixels	Largeur de la fenêtre
height	en pixels	Hauteur de la fenêtre
top	en pixels	Positionnement vertical
left	en pixels	Positionnement horizontal

Utilisation

Ouverture en cliquant sur un lien

Placez ce code entre les balises <body> et </body> de votre page.

<a href="javascript:Popup('Nom Popup','popup-adresse.html')">Lien Popup</a>

Ouverture au chargement de la page

Placez ce code dans la balise <body> de votre page.

 onload="Popup('Nom Popup','popup-adresse.html')"

Imprimer cette publication

Commentaires

Aucun commentaire

Ajouter un commentaire

Vous devez être membre pour commenter cet article.

>> Inscrivez-vous