[ JQuery ]
- 2013-12-19 〜
- 2013-12-22 修正
jQueryでCookieを使ってみる01
QHMで仕事に使えそうなシステムを作成した。どんなものかと言えば、蓄積されたSQLデータやテキストデータを集計する画面。HTMLのフォームのテキストボックスに集計期間や条件を入力して集計ボタンを押すと結果が表示されるというもの。月が変わるまで同じ内容が入力されるテキストボックスもある。前回入力されていたものが表示されると便利なのだが・・・。
ブラウザや日本語変換などの機能により、カーソルがテキストボックスに移動して入力始めると候補がでるが、それ以前に初期値として前回の入力内容を表示したい。さて、どうしようか。cookieの仕組みを利用したらなんとかならないのか。
考え方としては
0.jQueryの関係するJavaScriptのライブラリを使おう。
1.テキストボックスのイベントでフォーカスが消える時に、cookieにページ名とid名をキーとして入力内容をデータとして、7日間くらいの期限でcooikeに保存。
2.ページを開いた時は、いつもの$(function(){ ・・・});で保存されているcookieデータがあれば、表示する。
おまけ・・・jQueryのプラグインとして作成できないか。
ところで、一つのidに複数のプラグインを設定したらちゃんと動くのだろうか。先日はマスク入力と日付入力を一緒に設定して大丈夫だったような記憶がある。
参考になりそうなサイト
Cookie 関連
- jquery.cookie.js http://www.tam-tam.co.jp/tipsnote/javascript/post3109.html
jQueryプラグイン作成関連
実験
実際に簡単なスクリプトでテストしてみます。
新規でページを作成した方が良いので、テストは次のページで行います。