ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」
2010年01月19日-
スポンサード リンク
rikrikrik.com - jQuery autosave plug-in
ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」。
データを編集中にフォームに書き込んでいて、ブログ記事などが消えたりするとても悲しい気持ちになりますが、このプラグインを使えばデータをブラウザのクッキーに保存してくれて、次にアクセスした時にリストアできるという素晴らしいプラグインです。
クッキー保存のため、サーバに保存する必要はないですし、手軽に使うことができそうです(ブラウザごとにクッキーに依存した文字数制限などは存在すると思います)

こういうことを1からやろうとすると結構大変ですが、毎度のことながら、jQueryプラグインなので次のように1行です。
$('form *').autosave();
対象がselectボックスであろうがテキストであろうが、ラジオボタンであろうが何でも自動保存です。

更に、デフォルトでは10秒置きにフォームを自動保存してくれるのですが、この間隔を次のようにオプションを渡すことで2秒に変えたりすることも可能です。
何度もいうようですが、クッキーなのでサーバに負荷がかかることもありません。
$('textarea').autosave({
'interval': 2000,
});
実際に動いているものに使うにはちゃんと検証したほうがよさそうですが、こんなに簡単に自動保存機能が効くっていうのは素晴らしい限りですね。
ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」。
データを編集中にフォームに書き込んでいて、ブログ記事などが消えたりするとても悲しい気持ちになりますが、このプラグインを使えばデータをブラウザのクッキーに保存してくれて、次にアクセスした時にリストアできるという素晴らしいプラグインです。
クッキー保存のため、サーバに保存する必要はないですし、手軽に使うことができそうです(ブラウザごとにクッキーに依存した文字数制限などは存在すると思います)

こういうことを1からやろうとすると結構大変ですが、毎度のことながら、jQueryプラグインなので次のように1行です。
$('form *').autosave();
対象がselectボックスであろうがテキストであろうが、ラジオボタンであろうが何でも自動保存です。

更に、デフォルトでは10秒置きにフォームを自動保存してくれるのですが、この間隔を次のようにオプションを渡すことで2秒に変えたりすることも可能です。
何度もいうようですが、クッキーなのでサーバに負荷がかかることもありません。
$('textarea').autosave({
'interval': 2000,
});
実際に動いているものに使うにはちゃんと検証したほうがよさそうですが、こんなに簡単に自動保存機能が効くっていうのは素晴らしい限りですね。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 次世代の検索フォームを作成するjQuery&CSS3サンプル
- 2012年2月9日 管理人のブックマーク
- faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」
- ページめくりを実現するためのjQueryプラグイン集
- 2012年2月8日 管理人のブックマーク
- HTMLをアップするとCSSのスケルトンを自動生成してくれる「bearcss」
- HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」
- 2012年2月7日 管理人のブックマーク
- 商用利用可能なバレンタインデーのアイコンセット10
- フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)




