Vous êtes ici: Support du web > Scripts et tutoriaux > Javascript > Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript

Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript

Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript
Note : 3.9/5 (5 votes)
Derniéres modifications : 11/01/2012 à 23:53:47
Mots-Clés : ouvrir une nouvelle fenêtre centrer top left milieu window javascript pop-up milieu en js nouvelles centrer fenêtre pop-up en javascript navigateur window.open nouvelle fenêtre pop-up centrée

Bonjour,
dans ce script, je vais vous montrer comment ouvrir une nouvelle fenêtre(pop-up) et la centrer en javascript.

Pour centrer la fenêtre, nous allons simplement utiliser un peu de mathématiques pour trouver la position du centre.

Nous allons utiliser la méthode window.open pour ouvrir la nouvelle fenêtre. Mais pour plus d'informations sur cette dernière, regardez ce tutoriel:
Ouvrir une nouvelle fenêtre (Pop-up) en javascript

Donc voici le code:
Code: (X)html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Ouvrir une pop-up et la centrer en javascript</title>
        <script type="text/javascript">
                <!--
                        function open_infos()
                        {
                                width = 300;
                                height = 200;
                                if(window.innerWidth)
                                {
                                        var left = (window.innerWidth-width)/2;
                                        var top = (window.innerHeight-height)/2;
                                }
                                else
                                {
                                        var left = (document.body.clientWidth-width)/2;
                                        var top = (document.body.clientHeight-height)/2;
                                }
                                window.open('pageb.html','nom_de_ma_popup','menubar=no, scrollbars=no, top='+top+', left='+left+', width='+width+', height='+height+'');
                        }
                -->
                </script>
    </head>
    <body>
        <a href="#null" onclick="javascript:open_infos();">Ouvrir et centrer la Pop-Up</a>
    </body>
</html>

Merci, j'espère que vous avez aimé ce tutoriel.

Scripts et tutoriaux similaires à celui ci:

Commentaires

Ajouter un commentaire





Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam.
Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé.

Les commentaires

Envoyé par dhikra le 27/02/2011 à 10:06:43
est ce que on peut utiliser window.open de la bouton " se connecter" pour fonctionne?
Envoyé par PHuOerBTDc le 04/06/2011 à 14:08:08
Fell out of bed fleeing down. This has brightened my day!
Envoyé par kofrcwko le 24/01/2012 à 12:30:02
20


Il y a actuellent 38 personne(s) connecté(es)
Page générée en 0.003163 secondes
Retour en haut
Règlements - Nous contacter - Aider le site - RSS News
Copyright © Support du web - Toute copie partielle ou complète de nos créations est interdite sans l'accord de ses auteurs.
Toutes les marques citées appartiennent à leurs compagnies respectives.