J'ai ouvert une fenêtre contextuelle par window.open en JavaScript, je souhaite actualiser la page parent lorsque je ferme cette fenêtre contextuelle. (Événement onclose?) Comment puis-je faire cela?
window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");Réponses:
Vous pouvez accéder à la fenêtre parente en utilisant ' window.opener ', donc, écrivez quelque chose comme ce qui suit dans la fenêtre enfant:
<script>
window.onunload = refreshParent;
function refreshParent() {
window.opener.location.reload();
}
</script>popupWindow.closedutilisant setIntervalcomme dans la solution de @ Zuul.
La fenêtre contextuelle ne contient aucun événement de fermeture que vous pouvez écouter.
D'autre part, il existe une propriété fermée qui est définie sur true lorsque la fenêtre se ferme.
Vous pouvez définir une minuterie pour vérifier cette propriété fermée et le faire comme ceci:
var win = window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no");
var timer = setInterval(function() {
if(win.closed) {
clearInterval(timer);
alert('closed');
}
}, 1000); Voir cet exemple de travail Fiddle !
sur votre page enfant, mettez-les:
<script type="text/javascript">
function refreshAndClose() {
window.opener.location.reload(true);
window.close();
}
</script>et
<body onbeforeunload="refreshAndClose();">mais comme une bonne conception d'interface utilisateur, vous devriez utiliser un Close buttoncar il est plus convivial. voir le code ci-dessous.
<script type="text/javascript">
$(document).ready(function () {
$('#btn').click(function () {
window.opener.location.reload(true);
window.close();
});
});
</script>
<input type='button' id='btn' value='Close' />J'utilise ceci:
<script language='javascript'>
var t;
function doLoad() {
t = setTimeout("window.close()",1000);
}
</script>
<script type="text/javascript">
function refreshAndClose() {
window.opener.location.reload(true);
window.close();
}
</script>
<body onbeforeunload="refreshAndClose();" onLoad='doLoad()''>lorsque la fenêtre se ferme, elle actualise la fenêtre parente.
window.open renverra une référence à la fenêtre nouvellement créée, à condition que l'URL ouverte soit conforme à la politique de même origine .
Cela devrait fonctionner:
function windowClose() {
window.location.reload();
}
var foo = window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");
foo.onbeforeunload= windowClose;Dans mon cas, j'ai ouvert une fenêtre contextuelle en cliquant sur le bouton de lien dans la page parent. Pour actualiser le parent lors de la fermeture de l'enfant en utilisant
window.opener.location.reload();dans la fenêtre enfant a provoqué la réouverture de la fenêtre enfant (peut-être à cause de l'état d'affichage, je suppose. Corrigez-moi si je me trompe). J'ai donc décidé de ne pas recharger la page dans le parent et de charger à nouveau la page en lui attribuant la même URL.
Pour éviter de réouvrir la fenêtre contextuelle après la fermeture de la fenêtre contextuelle, cela peut aider
window.onunload = function(){
window.opener.location = window.opener.location;};Si votre application s'exécute sur un navigateur compatible HTML5. Vous pouvez utiliser postMessage . L'exemple qui y est donné est assez similaire au vôtre.
Vous pouvez accéder à la page principale avec la commande parent (le parent est la fenêtre) après l'étape, vous pouvez tout faire ...
function funcx() {
var result = confirm('bla bla bla.!');
if(result)
//parent.location.assign("http://localhost:58250/Ekocc/" + document.getElementById('hdnLink').value + "");
parent.location.assign("http://blabla.com/" + document.getElementById('hdnLink').value + "");
}