Закрытие дочернего всплывающего окна и обновление родительской страницы

Question

Я пытаюсь добиться следующего.

1. Ссылка на родительской странице откроет новое дочернее всплывающее окно.
2. В дочернем всплывающем окне пользователь вводит некоторые данные и нажимает «Сохранить».
3. Данные будут сохранены в базе данных, и всплывающее окно будет закрыто. Родительское окно будет обновлено, а данные, введенные в дочернем всплывающем окне, будут отображены на родительской странице.

Как это сделать (закрыть дочернее всплывающее окно и обновить родительскую страницу) в Javascript?

Answer 1

Во всплывающем окне:

<script type="text/javascript">
function proceed(){
   opener.location.reload(true);
   self.close();
}
</script>

<form onsubmit="proceed()">
...
</form>

Answer 2

В коде всплывающего окна для закрытия / перезагрузки:

opener.location.reload();
close();

Answer 3

parent.html

<a href="#" onclick='window.open("child.html","_blank","height=100,width=100,
status=yes,toolbar=no,menubar=no,location=no");return false'>pop up</a>

child.html

<p>child window</p>
<script>
window.onload = function(){
    window.opener.location.reload(true);
    window.close();
}();
</script>