AutoKanaからautokana.jsを
prototypeからprototype.jsを
それぞれダウンロードし、ヘッダーに読み込ませ、ふりがな自動入力機能が備わったのですが、
姓と名をそれぞれ分けて自動入力させたいのですが、分けるといずれか片方が無効となってしまいます。
<p>苗字<br>
<input type="text" id="name" name="name" size="20"></p>
<p>名前<br>
<input type="text" id="name2" name="name2" size="20"></p>
<p>
<input type="text" id="ruby" name="ruby" size="20">
<input type="text" id="ruby2" name="ruby2" size="20"></p>
上記のように記述した場合、autokana.jsとprototype.jsはどのように変更すればよいでしょうか?
姓名分けることができればどのような方法でも構いません。
ご教示頂けると幸いです。
宜しくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
あなたの文章からは姓名の分かち書きされた入力項目各々についてふりがな振りたいということしかわかりません。
AutoKana.jsでルビを振りたいのか、それともAutoRuby.jsでそうしたいのかはっきりさせてもらわないと…。
どっちなんですかね?
特に制約がないならAutoKana.jsを使えばいいとおもいますけど、何が不満なんですかね?
No.1
- 回答日時:
↓みたいに単純に姓・名の要素名をそれぞれAutoKanaで2回呼び出せば動作すると思います。
<script type="text/javascript">
var auto_kana_1 = new AutoKana('name', 'ruby');
var auto_kana_2 = new AutoKana('name2', 'ruby2')
</script>
なぜ無効になるのかが分からない。
そもそも論としてはない機能を追加するのはまぁよしとして、この程度でライブラリを弄るのはどうも解せません。
ライブラリが改版された場合、そのままヴァージョンアップできなくなりますよ。
回答ありがとうございます。
new AutoKana('name', 'ruby');みたいな呼び出し方法ではないため困っています。
auto_ruby.jsもそのように呼び出すことができるのでしょうか?
var baseVal = "";
function setRuby(nameId,rubyId) {
var newVal = $(nameId).value;
if (baseVal == newVal){return;}
if (newVal == "") {
$(rubyId).value="";
baseVal = "";
return;
}
var addVal = newVal;
for(var i=baseVal.length; i>=0; i--) {
if (newVal.substr(0,i) == baseVal.substr(0,i)) {
addVal = newVal.substr(i);break;
}
}
baseVal = newVal;
var addruby = addVal.replace( /[^ ぁあ-んァー]/g, "" );
if (addruby == ""){return;}
if(convFlag){addruby = convKana(addruby);}
$(rubyId).value += addruby;
}
function loopTimer(){
setRuby($("name"),'ruby');
timer = setTimeout("loopTimer()",30);
}
function convKana(val){
var c, a = [];
for(var i=val.length-1;0<=i;i--){
c = val.charCodeAt(i);
a[i] = (0x3041 <= c && c <= 0x3096) ? c + 0x0060 : c;
}
return String.fromCharCode.apply(null, a);
}
var timer = false;
window.onload = function(){
loopTimer();
$(rubyField).onkeyup = setRuby(nameField,rubyField);
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptの値をformのinput h...
-
【jQuery】input nameの文字列...
-
出発駅A、到着駅Bを選択すると...
-
テキストボックスの値同士を比...
-
Javascriptでのbuttonのname属...
-
jqueryでtextareaのcols、rows...
-
doPostBack 関数について
-
JavaScriptで連想配列のマージ
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
画面表示とともに、テーブルの...
-
【UWSC】HTML内のある部分を抽...
-
3桁区切りのカンマをつけたい...
-
iframe内のformをサブミットす...
-
フォームが空欄の時にフォーム...
-
<JavaScript>tableタグを入力不...
-
アンダーバーのname値は取得で...
-
VBSからjavascript
-
jQueryで設定したイベントハン...
-
javascriptでセレクトボックス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
javascriptの値をformのinput h...
-
JavaScriptにて動的に配列を作...
-
新しくフォルダを作成したい
-
二つの入力欄に、同時に同じ文...
-
Javascriptでのbuttonのname属...
-
name属性のないformタグの、中...
-
テキストボックスの入力をリセット
-
出発駅A、到着駅Bを選択すると...
-
ASP.NETでNAME属性を固定にしたい
-
submitボタン押下時にPOSTされ...
-
ラジオボタンでクリックした値...
-
テキストボックスの値同士を比...
-
jqueryでtextareaのcols、rows...
-
cookie使用時にundefinedと表示...
-
入力フォームに半角スペース以...
-
テキストエリアをenterキーでフ...
-
ファイル選択ダイアログが表示...
-
hiddenを動的に作成したい
-
ボタンを押すとテキストボック...
おすすめ情報