前の記事 ≪:iOSの検索窓風UIが作れるjQueryプラグイン「jquery-searchinput」
次の記事 ≫:リストやテーブル、DIV等の要素を好みにJSでソートできるjQueryプラグイ...

インプットの残り文字数をビジュアル的に分かりやすく表示できるjQueryプラグイン「Novelist」

2014年05月07日-はてなブックマーク

スポンサード リンク

jQuery Novelist Plugin Demo

インプットの残り文字数をビジュアル的に分かりやすく表示できるjQueryプラグイン「Novelist」。
よくあるのは、10/255 などといった表示方法ですが、テキストボックスをプログレスバーに見立てて、文字の長さに応じてグラフが進んでいくようなUIが作れます。
こちらのほうが視覚的に分かりやすくダイレクトに残り文字数が分かるような気がします



横方向だけではなくtextareaであれば、テキストエリアがバケツの水で満たされていく風のエフェクトがかけられます。



関連エントリ

スポンサード リンク

By.KJ : 2014年05月07日 10:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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