window.opener dans le popup fera référence à l'objet window de la fenêtre d'ouverture, alors bien sûr, vous devriez être en mesure d'appeler window.opener.location.reload();. Pourvu que vous ne soyez pas en conflit avec le Same Origin Policy, la fenêtre contextuelle peut appeler des scripts et manipuler des propriétés sur l'objet fenêtre parent, tout comme le code du parent.
Voici un live example qui montre l'appel de l'enfant à une fonction sur le parent et qui manipule directement le parent. Le code complet pour cela est cité ci-dessous.
Mais cet exemple n'a pas fait exactement ce que vous avez dit, donc j'ai done this one as well, qui a l'enfant rafraîchir la page parent via window.opener.location.reload().
code parent du premier exemple en direct:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Parent Window</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</style>
</head>
<body>
<input type='button' id='btnOpen' value='Open Window'>
<div id='display'></div>
</body>
<script type='text/javascript'>
(function() {
var btnOpen = document.getElementById('btnOpen');
btnOpen.onclick = btnOpenClick;
function btnOpenClick() {
window.open('http://jsbin.com/ehupo4/2');
}
// Make the callback function available on our
// `window` object. I'm doing this explicitly
// here because I prefer to export any globals
// I'm going to create explicitly, but if you
// just declare a function in a script block
// and *not* inside another function, that will
// automatically become a property of `window`
window.callback = childCallback;
function childCallback() {
document.getElementById('display').innerHTML =
'Got callback from child window at ' + new Date();
}
})();
</script>
</html>
(Vous n'avez pas ont d'utiliser une fonction de cadrage comme je l'ai fait ci-dessus, mais il est utile de garder vos globals contenues.)
code de l'enfant de premier exemple en direct:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Child Window</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</style>
</head>
<body>
<p>I'm the child window</p>
</body>
<script type='text/javascript'>
if (window.opener) {
// Call the provided callback
window.opener.callback();
// Do something directly
var p = window.opener.document.createElement('p');
p.innerHTML = "I was added by the child directly.";
window.opener.document.body.appendChild(p);
}
</script>
</html>
Vouliez-vous dire "Rafraîchir le parent du CHILD javascript"? J'aime le piment vert, étant du Nouveau-Mexique, mais je ne sais pas ce qu'est un piment dans ce contexte. –
window.parent n'est-ce pas? 'window.parent.frames [0]' ou similaire https://developer.mozilla.org/en/DOM –
window.opener est généralement ce que vous appellerez dans la fenêtre enfant. Pouvez-vous montrer votre script que vous utilisez pour ouvrir cette nouvelle fenêtre? –