仕事でTwitterのようなカウンターっぽい表示をする必要が出たのでいろいろ探していたら、そのままばっちりのプラグインがあった。 http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas ほとんどこの仕様で問題なかったのだけれど、カウンターが表示される際に、テキストエリアなどの後にspanを挿入するカタチで表示している。 コレは使い勝手悪いなぁと思い、好きなセレクタの位置にカウントを表示できるようにプラグインを書き換えた。 例えば、通常なら以下のように使う。 //カウンターのセット $("#message").charCount({ allowed: 50, warning: 20, }); //textarea#messageの後に挿入される
![jQueryプラグインによるTwitterのようなカウントの表示 - くらげだらけ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b420dea9aa203b095d38eebde434b593c2d2afa/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkudakurage%2F20100425%2F20100425222741.jpg)