ユーザーのプロファイルの横にあるチャット ボタンをクリックしてチャットを開始できる小さなチャット アプリケーションを作成します。
誰かがチャット ボタンをクリックすると、ポップアップ ウィンドウが表示されます。このポップスがまだ開いているか閉じているかを動的に検出したいと思います。
ポップアップが開いている場合=新着メッセージアラートを通知に表示します。
ポップアップが閉じている場合 = 通知で新しいメッセージを警告しない (チャット ウィンドウが既に開いているため)
これは私が試したものです:
<a href="#" onclick="popitup("http://domain.com/chat/2")">Chat with user 2</a>
<a href="#" onclick="popitup("http://domain.com/chat/1")">Chat with user 1</a>
// on document ready
setInterval(function(){
chkAlerts();
}, 10000);
var newwindow = null;
function popitup(url) {
if ((newwindow == null) || (newwindow.closed)) {
newwindow = window.open(url,'Buy','width=950,height=650,scrollbars=yes,resizable=yes');
newwindow.focus();
}
else {
newwindow.location.href = url;
newwindow.focus();
}
}
function chkAlerts(){
if ((newwindow == null) || (newwindow.closed)) {
//Do something
alert('now window is closed show alerts');
}
}
このコードで私はいつも得ています
alert('now window is closed show alerts');