[javascript]window.openで開いたウィンドウの中のリンクをクリックしたら元ウィンドウに戻ってそのリンクを開きたい

window.openで、サブウィンドウを開くまではできたのですが、
そのウィンドウの中にあるリンク#linkをクリックすると、
ウィンドウを閉じて、元のメインウィンドウに戻って、そのリンク先を表示したいのですが、、

そういうことは可能ですか？
jQueryは使えます。

ソースとか、そういうことを紹介しているURLとか、..参考になるものをお願いします！

よろしくお願いします！

行動規範の内容に同意します

回答2件

ベストアンサー

_takamin_さんは親ウインドウ側でやられているようなので、サブウインドウ側でやってみました。

lang
1// リンククリック
2$('a').on('click', function(e){
3	// リンククリック時の動作をキャンセル
4	e.preventDefault();
5
6	// 親ウインドウの遷移先を決定
7	window.opener.location.href = this.href;
8
9	// 子ウインドウを閉じる
10	window.close();
11});

投稿2015/02/12 04:24

sho_cs

総合スコア3541

ckaposndbbba

2015/02/26 04:02

ありがとうございますー！とてもわかりやすくて、簡潔ですね！こんな短いコードでできちゃうなんて。。。早速試してみようかと思います。_takamin_さんもありがとうございます！

行動規範の内容に同意します

window.openで開くページが別サイトだと動かないと思いますが、同じサーバーにあるなら以下のでどうでしょうか。

ローカルWEBサーバーでしか確認していないので、もしかするとちゃんと動かないかもしれません。

最初のページ

lang
1<html>
2<head>
3    <script type="text/javascript"
4        src="../js/jquery-1.10.2.min.js"></script>
5    <script type="text/javascript"
6        src="tt6579.js"></script>
7</head>
8<body>
9    <button onclick="btnSelectSite_click();"
10    type="button">select site</button>
11</body>
12</html>

最初のページのjavascript
tt6579.js

lang
1function btnSelectSite_click() {
2    var win = window.open('subWindow.html', 'SubWindow');
3    var tid = window.setInterval(
4            function () {
5                if(win.document) {
6                    window.clearInterval(tid);
7                    $(win.document.getElementsByTagName('a')).each(function(i,a){
8                        $(a).click(function() {
9                            win.close();
10                            document.location.href = $(a).attr('href');
11                        });
12                    });
13                }
14            }, 100);
15}

window.openで開かれるページ
subWindow.html

lang
1<html>
2<head></head>
3<body>
4<a href="https://teratail.com/questions/6579">teratail-6579</a>
5<a href="https://teratail.com/questions/6578">teratail-6578</a>
6<a href="https://teratail.com/questions/6577">teratail-6577</a>
7</body>
8</html>
9