[JS]Twitterのように残りの文字数をカウント表示するスクリプト -charCount

TwitterのUIのように、入力できるテキストの残りの文字数をカウントして表示するスクリプトをcss globeから紹介します。

デモのキャプチャ

Simplest Twitter-like dynamic character count for textareas and input fields
デモページ

上記デモページではデフォルト版とカスタム版の二種類があり、デフォルト版は残りの文字数をカウントして表示し、カスタム版は設定した残りの文字数を超えると表示が強調されるようになっています。

スクリプトのオプションでは入力可能な文字数、強調表示する文字数の設定と、カウンターを配置する要素やクラス名やテキストデータを設定できます。

charCountはjQueryのプラグインのため、実装にはjquery.jsが必要です。

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

今週の管理人Bookmark (1/17-1/24) - ElectricBrain Standard

on 2010年1月24日

[...] [JS]Twitterのように残りの文字数をカウント表示するスクリプト -charCount | コリス [...]

top of page

©2011 coliss