Twitterのつぶやきフォームのように入力文字数を動的にカウントする

javascript

今、Twitterライクなつぶやきサービスを作っています。
フォームのところでTwitterみたいに文字数のカウンターをつけたい、
ということでズバリなPluginを教えてもらいました。

jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields
http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas


（０）ダウンロード
上記のURLにアクセスして、メイン画像の下の「Download plugin」をクリック。
zipを解凍して jquery.js と charCount.js をブラウザがアクセスできる場所に置きます。


（１）HTML
jsをインクルードします。

HTMLにカウンター用のタグを書きます。

＜span class="counter">


（２）カウンター起動のスクリプトを書く

＜script type="text/javascript">
//


（３）CSSの編集

form .counter{
	font-size:20px;
	font-weight:bold;
	color:#ccc;
	}
form .warning{color:#600;}
form .exceeded{color:#e00;}


細かく設定することもできるみたいですが、以上の手順でそれなりに動きます。

Thank you Mr. Alen!
http://twitter.com/cssglobe