skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

フォームで全自動でフリガナを付与する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」