こりゃ、ほたえな

種々雑多なことを書き捨てていく予定です。UTF-8 対応と聞いて、はてなダイアリーからの移行を考えてますが、はてなブログはまだまだ完成までの道は遠いようです。

ふりがなが自動入力されるフォーム

はまちちゃんのスライドを見て、ちょい適当に作ってみました。

名前を入力してください 漢字:
かな:
(function () {

	function autoFillKana() {

		var nameElem = document.getElementById('name');
		var kanaElem = document.getElementById('kana');

		var nameVal = nameElem.value;
		var nameLen = nameVal.length;
		var kanaVal = getKana(nameVal);
		var kanaLen = kanaVal.length;

		if (nameLen == kanaLen) kanaElem.value = kanaVal;
	}

	function getKana(text) {

		return text.replace(/[^ぁ-んァ-ヴー・]/g, '');
	}

	var tid = setInterval(autoFillKana, 100);
}) ();


あくまでも1つのアイディアとして、「こういう考えかたもできるよね」というデモなので、このコードでは実用性を考慮してないです。

庸人は人に先んじられる(5月5日追加)

まあ、自分が独りで思いつくようなことは、すでに誰かが考えていたことの後追いでしかない、ということで。

フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
autoRuby.jsをDISってみる - Rubricks Project