recharger la page d'appel d'une popup à la fermeture de celle ci

**DAGDD** · 08/06/2010, 14h13

Bonjour,

Sur mon site, il y a la possibilité d'ouvrir une popup avec un formulaire, j'aimerais que lorsque l'on valide le formulaire de la popup, celle ci se ferme et qu'il y ai un rechargement de la page qui a permis de l'appeler (avec les bon paramètres GET dans l'url).

Actuellement, la validation du formulaire entraîne la fermeture de la popup et l'ouverture d'un nouvel onglet avec les bon paramètres GET dans l'url. lorsque je relance la popup sur le nouvel onglet et que je revalide le formulaire, l'onglet se ferme si il y a modification du formulaire et il y a à nouveau ouverture d'un onglet correspondant au formulaire envoyé. Voici le code permettant l'envoi du formulaire de la popup:

Code :

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

<form method="get" enctype="multipart/form-data" target="_blank" action="pageMere.php" onClick="javascript:window.opener.close();" onSubmit="javascript:self.close('MaPopup');">

Avez vous des suggestions pour m'aider à résoudre ce petit problème ?

**E.Bzz** · 08/06/2010, 14h22

Bonjour,
tu peux utiliser un setTimeout()

Code :

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

1
2
3
onSubmit="setTimeout(function() {opener.location.reload();
  self.close('MaPopup');
}, 2000);">

A+

**DAGDD** · 08/06/2010, 14h44

merci pour ta réponse ! J'ai essayé avec le code que tu m'as donnée mais cela ne fonctionne toujours pas, ça me fait la même chose qu'avec mon ancien code

je pense que le problème vient du fait que je n'indique pas la page mère dans action. J'ai

Code :

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

action="MaPageMere.php"

qui est une page de mon site mais je ne fait pas directement référence à la page qui a ouvert la popup. il me semble qu'il y a une histoire de propriété window.opener a utiliser mais je ne sais malheureusement pas comment

**SpaceFrog** · 08/06/2010, 14h59

et par le onbeforUnload ?

Code :

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

onbeforeunload="self.opener.location.reload()"

dans le body de la fille

**E.Bzz** · 08/06/2010, 15h04

Envoyé par DAGDD

je pense que le problème vient du fait que je n'indique pas la page mère dans action.

Je crois que tu confonds ici "page" (les .php stockés sur ton serveur) et "fenêtre" (la page "mère", la page contenant le form, la pop).
S'il n'y a pas confusion, c'est qu'il te suffit d'indiquer

Code html :

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

target="_opener"

dans le <form>.

Sinon, par contre, j'avais été un peu approximatif

Je pense que

Code :

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

onsubmit="opener.location.reload(); return true;"

devrait fonctionner (mais est-ce bien ce que tu voulais ?).
Par contre, pour refermer la page du form après sa soumission, il faudrait le faire dans la page cible du form.
Donc dans le <body> de pageMere.php il faudrait ajouter

Code :

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

onload="self.opener.close();"

A+

**DAGDD** · 08/06/2010, 15h19

et par le onbeforUnload ?

Code :

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

onbeforeunload="self.opener.location.reload()"

dans le body de la fille

Cette fois ma page se recharge mais j'ai toujours l'ouverture d'une autre page et les paramètres GET ne sont pas dans la page mère mais dans le nouvel onglet qui s'ouvre. On s'approche mais il y a toujours un truc qui doit m'échapper

**E.Bzz** · 08/06/2010, 15h21

Tu as essayé ça ?

Envoyé par E.Bzz

il te suffit d'indiquer

Code html :

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

target="_opener"

dans le <form>.

**DAGDD** · 08/06/2010, 15h23

oui j'ai également changé cela. j'avais:

Code :

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

target="_blank"

j'ai mis comme tu m'as dit mais j'ai pas vu de changement XD

**E.Bzz** · 08/06/2010, 15h27

Arf !
Réflexion faite, je ne suis plus sûr que ça fonctionne en tant que target du <form>, le _opener ...

**SpaceFrog** · 08/06/2010, 15h36

Code :

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

onsubmit="this.form.target=self.opener"

???

**DAGDD** · 08/06/2010, 15h41

même résultat mais cette fois ma page mère ne se recharge plus

**SpaceFrog** · 08/06/2010, 16h02

là mère :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style type="text/css">
var fille
</style>
</head>
<body onload="alert('reload')">
<input type='button' onclick="fille=window.open('daughter1.htm','')" value="go" />
</body>
</html>

la fille

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<body onbeforeunload="self.opener.location.reload()">
<form name="myform" action="javascript:self.opener.fille.close()" />
<input type="submit" value="go" />
</form>
</body>
</html>

j'ai bien un alert reload sur le submit ...

**DAGDD** · 08/06/2010, 16h08

Je viens de me rendre compte que cela fonctionne partiellement:

Je résume ce que j'ai touché:

Code :

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

1
2
3
<body onbeforeunload="self.opener.location.reload()">
...
<form method="get" enctype="multipart/form-data" target="_opener" action="MaPage.php" onClick="javascript:window.opener.close();" onSubmit="javascript:self.close('Popup');" onSubmit="this.form.target=self.opener">

rq: MaPage.php est une page du site que j'ai choisit arbitrairement car je n'arrive toujours pas à récupérer directement la page qui a ouverte la popup

Avec ce code, voilà ce qui se passe:

J'ouvre la popup, je fais mes modifications et je valide le formulaire, cela ouvre un nouvel onglet avec les bons paramètres GET, la page initiale reste ouverte mais ne se recharge pas. Le point suivant est inréressant: lorsque je vais sur la page initiale, que j'ouvre à nouveau la popup, que je modifie le formulaire et que je le renvoie, l'onglet qui avait été ouvert lors de l'envoi du premier formulaire est rechargé et les nouveaux paramètres GET sont placés correctement dans l'url. C'est proche de ce que je souhaite sauf que je voudrais que tout se passe dans le même onglet...

**DAGDD** · 08/06/2010, 16h09

J'ai posté en même temps que toi XD je vais essayer ce que tu suggère

**SpaceFrog** · 08/06/2010, 16h13

Code :

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

onClick="javascript:window.opener.close();"

ben si tu fermes l'opener ??? en meêm temps que tu lui fait un refresh ???

**E.Bzz** · 08/06/2010, 16h16

De plus, pour info, il n'y a pas de paramètre à préciser pour le close()

Code :

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

self.close('Popup');

Code :

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

self.close();

(le "self" indique déjà la fenêtre courante)

A+

**DAGDD** · 08/06/2010, 16h22

Code :

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

onClick="javascript:window.opener.close();"

ben si tu fermes l'opener ??? en meêm temps que tu lui fait un refresh ???

En rectifiant cela, ça marche mais toujours dans le cas ou j'ai validé une première fois le formulaire et qu'un nouvel onglet s'ouvre. Dans le nouvel onglet, si j'ouvre le formulaire, sa modification et son renvoie entraîne le rechargement de cet onglet. Pourquoi ça ne marche pas la première fois ?

**SpaceFrog** · 08/06/2010, 16h33

Code :

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

<form method="get" enctype="multipart/form-data" action="MaPage.php" onSubmit="self.close();" >

avec le onbeforeunload devrait suffire

**DAGDD** · 08/06/2010, 16h38

ça ne change rien ici XD j'ai ce code pour ma popup mais ça me fait toujours pareil (j'ai ce que tu m'avais dit de mettre aussi dans le onbeforeunload dans le code de ma popup)

**DAGDD** · 08/06/2010, 16h44

d'autres part, le

Code :

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

target="_opener"

semble avoir son importance car quand je l'enlève, j'ai ouverture d'un nouvel onglet à chaque envoi de formulaire alors que si je le met, j'ai le problème d'ouverture d'un nouvel onglet seulement au premier envoi du formulaire.

recharger la page d'appel d'une popup à la fermeture de celle ci

JavaScript

Discussions similaires

Partager

Partager