開いたWindowの存在を検出

udzura — Tue, 19 Jan 2010 11:20:04 +0000

友達が困ってるので書いた。

ポップアップでウィンドウを開く時、二重でオープンしたり、開いてるウィンドウを間違えてリフレッシュしたりしないためにはどうするかということだと思う。

要するに普通にwindow.openで開けばいいのだが、このメソッドの返り値は開いた先のwindowなので、変数に閉じ込めればよい。そうすれば「closed」というプロパティで開いてるか閉じてるかが検出可能。

var myWin = window.open('http://blog.udzura.jp', 'mywindow1');
alert(myWin.closed);
//=> false
//開いたウィンドウを閉じれば
alert(myWin.closed);
//=> true

実際はグローバル変数とか微妙なので、せめてクロージャを使うとスマートだと思う。

やっつけなりに実装してみたソースは以下の如し。サンプルサイトもあるよ。

function setOpener(){
  var myWin = null;
  var openOneAndOnlyWindow = function(e){
    if(e) e.preventDefault();
    if(!myWin || myWin.closed){
      alert("window does not exist!");
      myWin = window.open('http://blog.udzura.jp', 'mywindow1');
    } else {
      alert("window exists...");
    }
    return false;
  };
  return openOneAndOnlyWindow;
}
window.onload = function(){
  document.getElementById("opener_link").onclick = setOpener();
}

>
>
 type="text/javascript" src="detect_window.js">>
 
> href="#" id="opener_link">Open Just One Window>>
>
>

ポップアップウィンドウが開いてる/閉じてる状態でリンクをクリックしたりして遊んでください。なお、ファイヤーフォックス（>=3.5.7）とインタネットエクスプローラ（>=7）でしか確認してません。

さらに言うと、僕は普段ろくにJavaScript書いてなかったりする（RJS便利だよRJS派）。。

参考サイト

やっぱりはてな離れが出来ない

udzura — Tue, 10 Nov 2009 11:28:38 +0000

なかば業務連絡なんですけど、「はてなスター」をこのブログでもアクティベートしました。積極的に付けてくださいネ☆（どこかの狐みたいなアイコンの人に向かって

設定なんだけれど、僕は「Arclite」と言うテーマを使っていて、ほとんどいじっていないので他の方も同様の設定が出来ると思う。

設定スクリプトはこんな感じで、これをheader.phpにねじこむ。あと、少しだけDOMもいじる必要があり、single.phpの「class=”post-title”」の箇所の行を以下のように変更する。

これではてなスターがアクティベートされる。

他のテーマの方も、ページのエイチティーエムエルをガン見すれば何とかなると思う。

その他の手順、事前準備については、はてな公式を見ましょう。

はてなスターをブログに設置するには

ディスコ探偵冬景色 » JavaScript

開いたWindowの存在を検出

参考サイト

やっぱりはてな離れが出来ない