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

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ!Yahoo!ブックマークに登録このエントリーをdel.icio.usに追加する

[ 1分で読めて簡単導入できます]

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

使用方法
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日

JavaScriptライブラリ
JavaScriptライブラリまとめ
JavaScriptライブラリのメインストリーム「jQuery」プラグインまとめ
jQueryプラグインまとめ
通が好むJavaScriptライブラリ「mootools」プラグインまとめ
mootoolsプラグインまとめ