formの状態を保存・復元するjQuery autosaveプラグインでロード時に復元する方法など: point of view point
form（フォーム）の状態を保存しておいて、次回ロード時に復元する。ブログの編集中にブラウザが落ちてもこれで大丈夫、てな用途に便利と注目を集めたこともあった模様。 そんなjQueryのプラグインがjQuery autosave plug-inだ。jquery.autosave.js。 プログラムでこれを使いたくていろいろ試行錯誤。（追記：以下は試行錯誤中のメモ。たぶんいっぱい間違っています。） ロード時に前回の内容を復元できないかと思ったのだ。参考にしたのはこのエントリー。 「フォームの内容を自動保存するjQueryプラグイン - [Mi]みたいなもの」 これによると、「最低でも「復元する」ボタンが必要です（ページを開いたときに自動的にcookieから読み出してフォームに読込むようにはなっていません）。」と、あるので、目的の動作はできないのかな？ と思ったのだけど、ソースを読むと、 $('
JQuery plugin for input text field filtering
ThimbleOpenSource offers opensource mainly focused on PHP and web applications in general... This is simple JQuery plugin for filtering text input field by using regexp. Only allowed characters will be inserted into input field, others will be silently dropped. Usage example // only lowercase alphabets are allowed $('#text_input').filter_input({regex:'[a-z]'}); // only numbers are allowed $('#text
passwordフィールドにテキストヒントを表示させられるjQueryプラグイン「Text2Pass」:phpspot開発日誌
passwordフィールドにテキストヒントを表示させられるjQueryプラグイン「Text2Pass」 2010年11月15日- taledo Blog Archive Text2Pass ? Text inside a password field passwordフィールドにテキストヒントを表示させられるjQueryプラグイン「Text2Pass」。 入力フィールドにヒント表示するプラグインはあったりしますが、それがpasswordフィールドの場合でもちゃんとヒントを表示できます。 「ここにパスワードを入力」というようなヒントを入れつつ、入力した場合はちゃんとフィールドが***になる点がいいです。 input に対するヒント表示 入力するとちゃんとpasswordフィールドとして機能 ログインフォーム等のユーザビリティ向上に役立ちそうですね。 関連エントリ 複数のパスワードをデータベー
taledo » Blog Archive » Text2Pass – Text inside a password field
What is it Text2Pass is a JQuery plugin, which can be used to temporarily place text in a password field. It’s purpose is to prompt a user to Enter their password in a login or registration form, by appending text such as “Enter Password” in the password field. The text you place inside is fully customizable, and can be used on multiple fields per page (see below) If the user doesn’t have JavaScri
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン:phpspot開発日誌
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン 2010年11月15日- SelectBox Plug-in ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグインのご紹介。 ユーザ登録の際に、パスワード強度を表示するサイトが多くなってきていますが、利用者がパスワードを決める場合に注意が働くためサイト全体としての安全性が高まるという点で効果がありそうですね。 仕事でサイトをつくっていて、あの機能入れてくれといわれた場合に、瞬時に実装できそう。 パスワードが弱い場合は次のように表示されます。 いい感じの場合はGoodが表示されます。 出し方は次のようにメソッドに渡すオプションを変更するだけでかえられます。 IDとパスワードが同じでもエラーを出せたりします。 関連エントリ パスワード生成や年齢計算等、P
jQuery Tags Input - XOXCO - Web and Community Development
Magically convert a simple text input into a cool tag list with this jQuery plugin. Do you use tags to organize content on your site? This plugin will turn your boring tag list into a magical input that turns each tag into a style-able object with its own delete link. The plugin handles all the data - your form just sees a comma-delimited list of tags! Tweet Jump to: Examples, Download, Instruct
チェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」:phpspot開発日誌
チェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」 2010年08月03日- Plugins | jQuery Plugins チェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」 通常、チェックボックスといえばONかOFFかですが、中間の意味を持つ状態を次のように表せるようになります。 例えば、Header1 の下位のアイテムが全部チェックされていないけど、部分的にチェックされているという状態を表せます。 ウイルスソフトの部分指定なんかにデスクトップアプリケーションでは採用されているUIですね。 下位のアイテムを全部チェックすると、Header1は通常のチェック状態になります。 使いどころによっては便利なUIづくりに役立てられそうですね。 関連エントリ フォームに簡易電卓を組み込める
Plugins | jQuery Plugins
Simulates the 3-state checkbox functionality found in desktop applications using clean semantic markup. Usage: $('ul.triState','').tristate(); The required HTML is nothing but nested unordered lists. The plugin can handle any number nested levels automatically. Simply call the tristate function on the root ul tag. The tristate plugin can handle any number of instances on a given page. There are a
テキストボックス入力時に正規表現にしたがってヒントを出せるjQueryプラグイン「InputNotes」:phpspot開発日誌
テキストボックス入力時に正規表現にしたがってヒントを出せるjQueryプラグイン「InputNotes」 2010年08月02日- InputNotes jQuery Plugin テキストボックス入力時に正規表現にしたがってヒントを出せるjQueryプラグイン「InputNotes」。 テキスト入力を行うとリアルタイムにヒントが反映されます。 NGワードの入力チェック、入力形式のエラーチェックに使えそうです。地味にアニメーションする点もナイスです。 こうした機能は手間は増えますが、送信してからエラーを表示するよりもベターなので使いやすさを考えると入れておきたいですね。 こうしたライブラリで、できるだけ簡単に実装できますね。 関連エントリ JavaScript製のフォームバリデータライブラリいろいろ JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ Java
[JS]フォームに入力したパスワードを可視化するスクリプト -Show Password
jQuery Show Password Plugin デモページ 実装は既存のフォームにも簡単に組み込めます。 HTML デモのHTMLはシンプルです。 可視化は、パスワードのclass名を参照しています。 <textarea name="code" class="html" cols="60" rows="5"> <form action="#"> <ol class="forms"> <li> <label for="username">Username</label> <input type="text" id="username" /> </li> <li> <label for="password">Password</label> <input type="password" id="password" class="password" /> </li> <li class=
jQuery Show Password Plugin | Trevor Davis
Username Password Submit
jQuery Show Password Plugin | Trevor Davis
In a recent project at work, I had to add in functionality so that a user could see what they had typed in a password field when they click a link. One would th…
可愛い感じの星型レーティングが簡単に実装できるjQueryプラグイン「Raty」:phpspot開発日誌
jQuery Raty - A Star Rating Plugin 可愛い感じの星型レーティングが簡単に実装できるjQueryプラグイン「Raty」。 星のイメージがデフォルトでファンシーな感じになっています。 画像の切替や細かなカスタマイズもオプションを渡すことで簡単に実施できるみたいです。 関連エントリ jQueryとCSS3を使ったカラフルなレーティングシステムのサンプル JavaScriptでスターレーティングを行うライブラリやサービス色々 WordPress用の記事レーティング付け用プラグイン色々
Raty | A Star Rating Plugin - Washington Botelho
Wow Great, thank you that's what i was looking. glad to know that it works perfectly for dynamic data.
select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」:phpspot開発日誌
select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」 2010年07月08日- Mega Select List Example select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」。 通常のselectボックスというと以下のようなおなじみのデザインです。 MegaMenuを使うと、li でのリストっぽく表示でき、クリック１回なしにそのまま内容が全て見えるのでワンクリックで選択出来ます。 あまりアイテム数が多すぎるとレイアウト的に問題が出るかもしれないのですが、そこそこのリストであれば実装することで使いやすさをUPさせることができそうですね。 関連エントリ ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォーム入力に役立つjQueryプラグイン
フォーム入力に役立つjQueryプラグイン
SelectBox Plug-in
IDEA * IDEA
fredibach.ch