Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript
ybouane 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> Essayer Merci, j'espère que vous avez aimé ce tutoriel. Scripts et tutoriaux similaires à celui ci: Ouvrir une nouvelle fenêtre (Pop-up) en javascript - window.open tutoriel Image qui suit la souris en Javascript Changer l'opacité d'un div(alpha) compatibles avec tous les navigateurs Recharger/Actualiser une page en javascript Empêcher le clic droit en Javascript (anticlicdroit) Précharger des images en javascript et detecter la fin du prechargement Aller à la page précédente et suivante en javascript objet history Top site script php - installer une top site php sur son site Commentaires Ajouter un commentaire Pseudo: Message: Code anti-bot: (recharger) 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 Envoyé par mneila le 13/03/2012 à 14:15:21 Bonjour, la fenètre pop up s'ouvre au centre, mais reste en arrière plan!!! comment faire pour la mettre au premier plan Envoyé par Nouky-Photo le 27/04/2012 à 15:41:02 Ce tableau indique le nombre de photo que l'on peut prendre en fonction de la définition d'un appareil photo et de la capacité d'une carte mémoire. Ces données sont indicatives et correspondent à des clichés pris en JPEG, qualité maximale. Nombre de clichés à titre indicatif pouvant etre realisés suivant la capacité de la carte mémoire Taille en millions de pixels 128 Mo 256 Mo 512 Mo 1 Go 2 Go 4 Go 8 Go 16 Go 3MP 64 128 256 512 1024 2048 4096 8192 4MP 48 96 192 384 768 1536 3072 6144 5MP 38 77 154 307 614 1229 2458 4915 6MP 32 64 128 256 512 1024 2048 4096 7MP 27 55 110 219 439 878 1755 3511 8MP 24 48 96 192 384 768 1536 3072 9MP 21 43 85 171 341 683 1365 2731 10MP 19 38 77 154 307 614 1229 2458 11MP 17 35 70 140 279 559 1117 2234 12MP 16 32 64 128 256 512 1024 2048 Cartes SD Cartes Compact Flash

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

ybouane

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>

Essayer

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

Scripts et tutoriaux similaires à celui ci:

Commentaires

Ajouter un commentaire

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

Envoyé par mneila le 13/03/2012 à 14:15:21

Bonjour,
la fenètre pop up s'ouvre au centre, mais reste en arrière plan!!!
comment faire pour la mettre au premier plan

Envoyé par Nouky-Photo le 27/04/2012 à 15:41:02

Ce tableau indique le nombre de photo que l'on peut prendre en fonction de la définition d'un appareil photo et de la capacité d'une carte mémoire.
Ces données sont indicatives et correspondent à des clichés pris en JPEG, qualité maximale.

Nombre de clichés à titre indicatif pouvant etre realisés suivant la capacité de la carte mémoire
Taille
en millions de pixels 128 Mo 256 Mo 512 Mo 1 Go 2 Go 4 Go 8 Go 16 Go
3MP
64

128

256

512

1024

2048

4096

8192
4MP
48

96

192

384

768

1536

3072

6144
5MP
38

77

154

307

614

1229

2458

4915
6MP
32

64

128

256

512

1024

2048

4096
7MP
27

55

110

219

439

878

1755

3511
8MP
24

48

96

192

384

768

1536

3072
9MP
21

43

85

171

341

683

1365

2731
10MP
19

38

77

154

307

614

1229

2458
11MP
17

35

70

140

279

559

1117

2234
12MP
16

32

64

128

256

512

1024

2048

Cartes SD

Cartes Compact Flash