Rechercher

Ouvrir une popup centrée sur l’écran

Vous souhaitez afficher des popups mais vous en avez marre de jouer sur différents paramètres (position) ?. Affichez désormais vos popups au centre de l’écran en utilisant un simple code Javascript.

Pour afficher une popup centrée, copier puis coller la partie du script suivant dans le code de votre page entre les balises HEAD :

<script language="Javascript">

<!--

function fenCentre(url,largeur,hauteur){

var Dessus=(screen.height/2)-(hauteur/2);

var Gauche=(screen.width/2)-(largeur/2);

var features= 'height='+hauteur+',width='+largeur+',top='+Dessus +',left='+Gauche+",scrollbars=yes";

thewin=window.open(url,'',features);

}

//-->

</script>

Insérez maintenant le lien dans le BODY de votre page qui appelle la popup en question :

<a href="#" onClick='javascript:fenCentre("lapage.htm",300,300);'>Cliquez pour ouvrir la popup centrée</a>

Vous n’avez qu’à remplacer lapage.htm par l’URL de votre popup à ouvrir. Vous pouvez aussi déterminer la largeur et la hauteur de la popup qui s’ouvrira (ici définis à 300px).

C’est tout et pas compliqué.

27 juin 2005

Dans la même rubrique

Appliquez un filtre dynamique sur des images
Un effet Neon (II) sur du texte
Affichez un texte qui tremble en Javascript
Un aura autour de votre texte
Un texte animé dans une boîte
Afficher un texte dans la barre de statut au survol d’un lien
Afficher l’heure courante dans un bouton
Faîtes apparaître un texte de gauche à droite qui s’arrête ensuite
Faîtes défiler des images en boucle (comme une visionneuse)
Changer l’opacité d’une image au passage de la souris

>> Voir tous les articles

Team-Masters.com

Que du Gratuit pour Webmasters

Rechercher

Ouvrir une popup centrée sur l’écran