質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.31%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

3500閲覧

javascript 子ページを閉じたら親ページをリロードしたいです

satoshi501

総合スコア60

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2022/12/28 07:55

HTML,javascript,PHPを使用してWebページを作成しております。
あるページで現在の情報を表示するページがあり、そこには編集ボタンが置いてあります
編集ボタンを押すと、別ウインドウ(target="_blank")が立ち上がり、そこでデータを入力し登録ボタンを押すことでデータが保存され、別ウインドウは閉じられます。
上記の流れでデータ自体は更新されているのですが、閉じられた後のページは編集前のままです。
ですので閉じられた後に元のページをリロードしたいのですが、やり方がわかりません
window.opener.location.reload()を使用することで出来るともあり、それも試しましたがうまく行きませんでした。

下記の関数を子ページに用意し、window.closeの後にalertやlocationなどを置いたりしましたが、alertも子ページで実行され、それが終わってからウインドウが閉じられるという状況でした。

javascript

1function refresh(){ 2 3 window.close(); 4 5}

理想では
・親ウインドウのボタンで別ウインドウが立ち上がる
・別ウインドウで閉じるボタンを押す
・別ウインドウが閉じられ、親ウインドウにリロードが実行される

リロードで希望としては閉じられた後にページ遷移./orijinalpage?test=1などしたいです

以上です
よろしくお願いいたします

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2022/12/28 08:51 編集

現在試して「うまくいかない」コードを提示してください。 親、子 両方です。可能な限り他者がコピペで再現できるコードを。 「自分が書いたコードがうまくいかいないが現在起きている問題の解決を目指すのではなく何か別のやり方を聞く」のは質問ではなく作業依頼です。
guest

回答2

0

リロードはあまりおすすめできないですし、子ウィンドウはモーダルにすれば連携はしやすいでしょう、子ウィンドウで非同期にサーバーに更新データを送り、閉じる際に参照して更新するイメージです

投稿2022/12/28 08:17

yambejp

総合スコア117615

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

みなさまありがとうございました
自己解決しました
親ページに以下のコードで、子ページを閉じた時にイベント処理が実行できました

javascript

1<!-- 2function openWin() { 3 let winobj=window.open( 4 "test.html", 5 "_blank", 6 "" 7 ); 8 winobj.addEventListener('unload',function(){ 9 alert("成功")'; 10}); 11}

投稿2022/12/28 09:10

satoshi501

総合スコア60

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問