フォームで全自動でフリガナを付与するJavaScript「AutoKana.js」

巷ではフォームのフリガナを自動入力させるAutoRuby.jsが話題ですので、あえて紹介するまでもないかなと思い、これに触発されたと思われるjavascript「autoKana.js」でも取り上げてみます。

使用方法
AutoKanaからautokana.jsをprototypeからprototype.jsをダウンロードし、head内に書きます。
あとはformを以下のように入力すれば可能になります。
<form id="auto_kana_form" method="POST">
<dl>
<dt>Name</dt>
<dd><input type="text" id="auto_kana_name" size="48" /></dd>
<dt>Kana</dt>
<dd><input type="text" id="auto_kana_kana" size="48" /></dd>
</dl>
</form>
<script type="text/javascript">
var auto_kana = new AutoKana('auto_kana_name', 'auto_kana_kana');
</script>
フォームで全自動でフリガナを付与するJavaScript「AutoKana.js」サンプル　

2008年07月03日

前の記事：Movable Typeでページ分割するプラグイン「Paged Archives」
次の記事：amazonライクにぐるぐる回るJavaScript「3D Image Carousel」

関連記事

• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• [jQuery]Confirm
• [mootools]WysEditor
• [jQuery]Progression

• ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」