Fermeture d'un popup :(

**Devilju69** · 06/02/2014, 10h47

Bonjour à tous,

J'ouvre ma popup de cette facon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function popUnder(url, width, height, left, top) 
{
	var popUnderWin, nav = navigator.userAgent,
		isGecko = /rv:[2-9]/.exec(nav),
		hackString;
		hackString = nav.indexOf('Chrome') > -1 ? "scrollbar=yes" : "toolbar=0,statusbar=1,resizable=1,scrollbars=0,menubar=0,location=1,directories=0";
	var popup_attention = popUnderWin = window.open("about:blank", "Attention", hackString + ",height=" + height + ",width=" + width + ",left=" + left + ",top=" + top);
	if (isGecko) {
		popUnderWin.window.open("about:blank").close();
	}
	popUnderWin.document.location.href = url;
	setTimeout(window.focus);
	window.focus();
	popUnderWin.blur();
}

Je voudrais la fermer de cette facon en validant mon formulaire mais ca ne marche pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function fermer_fenetre_popup()
{
	popup_attention.close();
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<form id ='form_id' action=' method='POST' name='valider2' onsubmit='fermer_fenetre_popup();'>

Merci de votre aide d'avance

**Bovino** · 06/02/2014, 11h00

Ton code HTML est incorrect.
Cette technique est... comment dire...

Si le paramètre url vers lequel tu rediriges ta popup est hors du domaine de la fenêtre ouvrante (une régie pub par exemple

), tu te retrouves confronté à la Same Origin Policy et tu ne peux plus interagir par script avec la popup.
Revois aussi la syntaxe de setTimeout()...

**Devilju69** · 06/02/2014, 11h05

D'abord ce n'est pas pour une pub car c'est pour un logiciel en interne.

Après tu aurais un autre moyen pour ouvrir la popup de manière plus correct ?

Et surtout la fermer

**SpaceFrog** · 06/02/2014, 14h04

eviter le popup et passer par un popin ?

**Devilju69** · 06/02/2014, 14h11

Je dois l'ouvrir dans un autre écran ! C'est possible avec un popin ?

**SpaceFrog** · 06/02/2014, 14h19

ha dans ce cas là non...
popup

mes condoléances

**Devilju69** · 06/02/2014, 14h22

Tu n'as donc pas de moyen de fermer la popup ?

**Bovino** · 06/02/2014, 14h43

popup.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Pop up and close</title>
</head>
<body>
	<h1>Ouvrir et fermer une popup</h1>
	<p>
		<button id="ouvrir">Ouvrir la popup</button>
		<button id="fermer" disabled="disabled">Fermer la popup</button>
	</p>
	<script>
                var $ouvre = document.getElementById('ouvrir'),
                        $ferme = document.getElementById('fermer'),
                        $popup;
                $ouvre.onclick = function(){
                        $popup = window.open('popup_open.html', 'mapopup', 'height=400,width=600');
                        $popup.onbeforeunload = function(){
                                $ouvre.disabled = false;
                                $ferme.disabled = true;
                        };
                        $ouvre.disabled = true;
                        $ferme.disabled = false;
                };
                $ferme.onclick = function(){
                        $popup.close();
                };
        </script>
</body>
</html>

popup_open.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Hello World !</title>
</head>
<body>
	<h1>Hello World !</h1>
</body>
</html>

**SpaceFrog** · 06/02/2014, 14h48

la popup se ferme depuis la fenetre parente qui l'a ouverte .

**Devilju69** · 06/02/2014, 14h54

Super !!!

Merci beaucoup Bovino

**SylvainPV** · 06/02/2014, 14h56

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var popup = window.open('popup.html', 'mapopup', 'height=400,width=600');
popup.close(); //ferme la popup sans confirmation
window.close(); //ferme la fenêtre courante, avec confirmation

Mais le window.close() est bloqué par plusieurs navigateurs. Je crois que ça marche sur IE ceci dit.

Fermeture d'un popup :(

JavaScript

Discussions similaires

Partager

Partager