Tweet

cookieをJavaScriptから使うのはやや面倒なところもあるんですが、jquery.cookieを使うと簡単にできます。

→carhartl/jquery-cookie · GitHub

JSをダウンロードするか、CDNを使うかして、scriptタグに入れる。もちろんjQuery自体も必要です。

<script src="hogehoge/jquery.cookie.js"></script>

CDNを使う場合はcdnjsが便利かもしれません。

→cdnjs – the missing cdn

使い方はごく単純でcookieのセットと値取得は以下の様な感じでできました。

$.cookie("クッキー名", "値");//設定
var data = $.cookie("クッキー名");//値取得

一つ迷ったのはパスの指定でした。以下のようにすればできますが、全部に設定するのは面倒です。

$.cookie("クッキー名", "値", {path:"/"});

サイトの方にしっかりと書いてありますが、以下のようにすればデフォルトのパスが設定できます。

$.cookie.defaults.path = "/";

これでいちいち設定することなく、このドメインの中で同じクッキーを参照するようになります。(通常のデフォルトでは同じディレクトリ？)

昔はJSでやるのが面倒でPHPを介したりしたこともあったんですが、その必要も無さそうです。

Tweet

JavaScriptでActionScriptのようにカスタムイベントが使えたらいいなぁと思って調べてみました。AS3のようにカスタムイベントクラスを作って～という方法ではないですが、イベントのtypeを自分で独自に設定することができそうだったので、そちらでやってみました。

IEが問題で、IE9以降ではaddEventListenerが使えるようですが、それ以前はattachEventしか使えません。またfireEventはtargetがdocumentの子ノードとして配置していないとエラーになってしまいました。さらに、attachEventするイベントはIEで定められているものしか使えないようです。

これを何とかしてみたのが以下のものです。

使用方法は中にある通りです。

spfdCustomEvent.addListener("登録したいDOMオブジェクト", "イベント名", function(e){alert("呼びたい処理")});
spfdCustomEvent.dispatch("登録したDOMオブジェクト", "イベント名");

という感じで使用できるはずです。

参考：カスタムイベントとイベントの発火 :: 5509

こちらのサイトさんを参考にさせていただきました。detachEventにも対応させたかったので、1度クロージャにしたんですが、リスナにクロージャを登録して削除するところで失敗したので、別のやり方にしています。

他ライブラリを使えば余裕で実現できるかと思いますが、ライブラリに依存しない形で持っておきたかったのです。