ユーザーがボタンをクリックすると、新しいウィンドウが開き、ユーザーは無関係なことを行うことができます。ユーザーが前のページをクリックすると、新しいウィンドウがバックグラウンドにプッシュされ、ユーザーはそれを表示できなくなります。これまでのところ、これは正常な動作です。
私が今必要としているのは、ユーザーが2回目のボタンクリックを行うと、すでに開いているウィンドウが前面に戻ることです。これは可能ですか?どのように?
ユーザーがボタンをクリックすると、新しいウィンドウが開き、ユーザーは無関係なことを行うことができます。ユーザーが前のページをクリックすると、新しいウィンドウがバックグラウンドにプッシュされ、ユーザーはそれを表示できなくなります。これまでのところ、これは正常な動作です。
私が今必要としているのは、ユーザーが2回目のボタンクリックを行うと、すでに開いているウィンドウが前面に戻ることです。これは可能ですか?どのように?
ウィンドウオブジェクトを変数に格納しておく必要がありますw
。focus()
次に、それを再び前面に表示するために使用できます。
w.focus();
ウィンドウが存在するかどうかを確認してください。そうでない場合は、作成します。もしそうなら、それに焦点を当ててください。次のようなものでうまくいくはずです。
<html>
<head>
<script language="JavaScript">
var popup;
function getWindow() {
if(popup==null) {
popup=window.open("http://www.stackoverflow.com");
}
else {
popup.focus();
}
}
</script>
</head>
<body>
<input type="button" value="Click me..." onClick="getWindow()" />
</body>
</html>