Demo | [JavaScript] フリガナを自動挿入する2

動作サンプル


JSが適用されたinput要素1

文字種：カタカナ／入力形式：自動挿入

名前：
カナ：

JSが適用されたinput要素2

文字種：ひらがな／入力形式：自動挿入

名前：
かな：

JSが適用されたinput要素3

文字種：カタカナ／入力形式：チェックボックス

名前：
カナ：

JSが適用されたinput要素4

文字種：ひらがな／入力形式：チェックボックス（デフォルトチェック）

名前：
かな：

JSが適用されたinput要素5

文字種：カタカナ／入力形式：ボタン

名前：
カナ：

JSが適用されていないinput要素

名前：
カナ：

javascriptの設定

464～471行目付近の設定値に、本JSの対象とする要素のname属性と文字種・入力形式をセットする。

入力文字種には、次の値のいずれかをセットする。

また、入力形式には、次の値のいずれかをセットする。

※最終行(以下例で言うと8行目のname5)にはカンマ(,)を付けないでください。IEでエラーとなる場合があります。

// set target input elements
kntxtext.target = [
	//[ 適用するinput要素のname属性,対応するカナのinput要素のname属性,文字種（ひらがなorカタカナ）,入力形式 ]
	[ 'name1', 'kana1', kntxtext.constant.letterType.katakana, kntxtext.constant.insertType.auto ],
	[ 'name2', 'kana2', kntxtext.constant.letterType.hiragana, kntxtext.constant.insertType.auto ],
	[ 'name3', 'kana3', kntxtext.constant.letterType.katakana, kntxtext.constant.insertType.check ],
	[ 'name4', 'kana4', kntxtext.constant.letterType.hiragana, kntxtext.constant.insertType.checked ],
	[ 'name5', 'kana5', kntxtext.constant.letterType.katakana, kntxtext.constant.insertType.button ]<-- ※カンマ(,)を付けない
];

20～27行目付近の設定値に、チェックボックス・ボタンに表示する文字列をセットする。
初期値のままで良い場合は変更の必要はありません。

入力形式でチェックボックス・チェックボックス（デフォルトチェック）・ボタンを指定した場合のみ必須

//-----------------------------------------
// config
//-----------------------------------------
config : {
	labelStrHiragana : 'ふりがなを自動挿入する', // チェックボックスに表示する文字列（ひらがな）
	labelStrKatakana : 'フリガナを自動挿入する', // チェックボックスに表示する文字列（カタカナ）
	buttonStrHiragana : '名前からふりがなを挿入する', // ボタンに表示する文字列（ひらがな）
	buttonStrKatakana : '名前からフリガナを挿入する', // ボタンに表示する文字列（カタカナ）