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

**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.

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

tu es contradicatoire dans ton code ...

target indique la destination de la soumission du form ...
tenter de le mettre en opener revient à ce que la page de destination du form s'ouvre dans l'opener qui va docn changer de location.href . Quelle utilité alors de vouloir reloader la mère ???

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

Envoyé par SpaceFrog

tu es contradicatoire dans ton code ...

Oui mais je pense que c'est le résultat d'une confusion sur les termes employés

Envoyé par E.Bzz

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).

A+

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

tu veux dire que le fait d'avoir

Code :

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

target="_opener"

permet de mettre a jour la page mère avec les bons paramètres ? ce qui rend inutile d'essayer de recharger la page mère ? Je ne vois pas ce qu'il faut changer dans mon code

**DAGDD** · 08/06/2010, 17h11

Je vous explique plus en détails le fonctionnement de mon site:

l'accès à ma popup se fait depuis un menu qui est un fichier php comprenant seulement des liens dont celui qui ouvre la popup:

Code :

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

<a href="http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'" onClick=\'javascript:window.open('popup.php','',resizable=no, location=no, top='.$top.', left='.$left.', width=400, height=400, menubar=no, status=no, scrollbars=no, directories=no);return false;\' class="lien">Affichage</a>

On est au départ sur une page admin.php et on peux donc ouvrir la popup.
Voici le code de la popup:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
	<title>Accueil</title>
	<link rel="stylesheet" href="../../abcstyle.css">
</head>
<body onbeforeunload="self.opener.location.reload()">
	<hr><div align="center"><strong><font color="#999999" size="-1">P&eacute;riodes</font></strong></div>
			<form method="get" enctype="multipart/form-data" target="_opener" onSubmit="javascript:self.close();" onSubmit="this.form.target=self.opener">
 
				<input type='hidden' name='posted' value='1' />
				<td align="center" colspan="2"><input type="submit" value="Valider" class="button1"></td>
 
			</form></body></html>

Si ça peut vous aider à comprendre ....

**E.Bzz** · 08/06/2010, 17h18

Alors il y a quelques "détails" qu'il faudrait régler afin d'éliminer les effets de bord potentiels

Tu ne peux avoir qu'un seul onsubmit pour un <form> (de manière général, tu ne peut avoir qu'une seule fois un attribut HTML dans une même balise). Un seul des 2 est pris en compte.
Les <td> ne peuvent être utilisés qu'à l'intérieur de balises <table> </table>. Pour ce point, remplace juste "td" par "span" ...

A+

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

Envoyé par DAGDD

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.

Je crains qu'il faille nous montrer plus de code pour comprendre

Celui de chaque page impliquée, et si besoin (car besoin il semble y avoir), le code d'une même page pour chaque appel, puisque au moins l'une d'elle semble avoir un comportement différent en fonction du contexte (si c'est la première fois qu'elle est appelée ou non).

A+

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager