http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript

Une Fenêtre Pop Up Qui s'Ouvre au Centre de l'Ecran

Au Chargement en cliquant sur un Lien ou un Bouton

Fermer la fenêtre Pop Up pour tester le lien et le bouton ci-dessous

    Ouverture Pop Up    


Insérez le code ci-dessous dans votre page juste avant la balise de fin d'entête </head>

<script language="JavaScript">
//PLF-http://www.monjavascript.net/
function fenetreCent(url,nom,largeur,hauteur,options) {
var haut=(screen.height-hauteur)/2;
var Gauche=(screen.width-largeur)/2;
fencent=window.open(url,nom,"top="+haut+",left="+Gauche+",width="+largeur+",height="+hauteur+","+options);
}
</script>
nom de la fenêtre

Ensuite choisissez parmi les solutions suivantes la façon de l'ouvrir

 

Pour ouvrir le Pop Up lors du chargement de votre page, insérez le code ci-dessous dans la balise <body>

onLoad='fenetreCent("cmc_pub.htm","fencent",480,60,"menubar=no,scrollbars=no,statusbar=no")'
EXEMPLE
<body bgcolor="#FFFFFF" background="im/fond.gif" onLoad='fenetreCent("cmc_pub.htm","fencent",480,60,"menubar=no,scrollbars=no,statusbar=no")'>

Pour ouvrir le Pop Up à partir d'un lien, insérez le code ci-dessous dans votre page

<a href='javascript:fenetreCent("cmc_pub.htm","fencent",480,60,"menubar=no,scrollbars=no,statusbar=no")'> Ouverture Pop Up </a>

Pour ouvrir le Pop Up à partir d'un bouton, insérez le code ci-dessous dans votre page

<form>
<input type='button' value='Ouverture Pop Up' onClick='fenetreCent("cmc_pub.htm","fencent",480,60,"menubar=no,scrollbars=no,statusbar=no")'>
</form>

 

Ensuite corrigez comme suit

fenetreCent("cmc_pub.htm","fencent",480,60,"menubar=no,scrollbars=no,statusbar=no")

chemin/nomfichier (htm, html, gif,...)
Largeur,hauteur de la fenêtre en pixel
nom de la fenêtre

 

Un bouton pour fermer cette fenêtre, insérez le code ci-dessous dans votre page

<form>
<input type='button' value='Fermeture Pop Up' onClick='fencent.close();'>
</form>

 

Ce site vous a plu ? Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur votre site

 
 
Mon javascript    25-02-2018