フォームとsetTimeoutについて

Question

htmlとjavascriptについて。
現在親画面から子画面を開き、
子画面にあるフォーム内のボタンを押下した際に子画面を閉じて画面を更新する。
という処理を書いているのですが、ボタンを押し子画面を閉じた1秒後に親画面を更新するという処理を記述したいです。

現在のソース(子画面部分）

<form action="NewFile.html"> <input type="submit" onClick="window.opener.location.reload(),window.close()"> </form>

setTimeoutを用いれば上手く実行出来ると思ったのですが上手く行かなかったため、
解決方法を教えていただければ幸いです。

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

親window側にスクリプトを用意しておいて、小画面のトリガーで
呼び出せばよいでしょう。

parent.htm

<script>
var nWin;
function hoge(){
  nWin=window.open('child.htm','_blank');
}
function fuga(){
  nWin.close();
  setTimeout(function(){this.location.reload();},1000);
}
</script>
<input type="button" value="new window open" onclick="hoge()">

chlid.htm

<input type="button" value="close me &amp; parent reload" onclick="opener.fuga()">

Answer 2

親画面の window.setTimeout を指定する必要があります。
下記は子画面のHTMLソースです。

<script>
'use strict';
function handleTimeout (window) {
  window.location.reload();
}

function handleSubmit (event) {
  var window = event.target.ownerDocument.defaultView,
      opener = window.opener;

  opener.setTimeout(handleTimeout, 1000, opener);
  window.close();
}
</script>
<form action="NewFile.html" onsubmit="handleSubmit(event);">
  <input type="submit" value="submit">
</form>

Re: syl さん