下記のようにサンプルコードを入力し、同一ファイル内にjsファイルを設置しているのですが、機能せず、ただのテキストボックスが表示されるのみです。
大変初歩的な質問ですが、よろしくお願いします。
■phpファイル
<body>
<form action="" method="">
<label for="user-name">お名前</label><input type="text" id="user-name"><br>
<label for="user-kana">フリガナ</label><input type="text" id="user-kana">
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.autoKana.js"></script>
<script>
$(document).ready(function(){
$.fn.autoKana('#user-name', '#user-kana', {katakana:true});
});
</script>
</body>
■jquery.autoKana.js
(function ($) {
$.fn.autoKana = function (element1, element2, passedOptions) {
var options = $.extend(
{
'katakana': false
}, passedOptions);
var kana_extraction_pattern = new RegExp('[^ ぁあ-んー]', 'g');
var kana_compacting_pattern = new RegExp('[ぁぃぅぇぉっゃゅょ]', 'g');
var elName,
elKana,
active = false,
timer = null,
flagConvert = true,
input;
elName = $(element1);
elKana = $(element2);
active = true;
_stateClear();
elName.blur(_eventBlur);
elName.focus(_eventFocus);
elName.keydown(_eventKeyDown);
function start() {
active = true;
};
function stop() {
active = false;
};
function toggle(event) {
var ev = event || window.event;
if (event) {
var el = Event.element(event);
if (el.checked) {
active = true;
} else {
active = false;
}
} else {
active = !active;
}
};
function _checkConvert(new_values) {
if (!flagConvert) {
if (Math.abs(values.length - new_values.length) > 1) {
var tmp_values = new_values.join('').replace(kana_compacting_pattern, '').split('');
if (Math.abs(values.length - tmp_values.length) > 1) {
_stateConvert();
}
} else {
if (values.length == input.length && values.join('') != input) {
_stateConvert();
}
}
}
};
function _checkValue() {
var new_input, new_values;
new_input = elName.val()
if (new_input == '') {
_stateClear();
_setKana();
} else {
new_input = _removeString(new_input);
if (input == new_input) {
return;
} else {
input = new_input;
if (!flagConvert) {
new_values = new_input.replace(kana_extraction_pattern, '').split('');
_checkConvert(new_values);
_setKana(new_values);
}
}
}
};
function _clearInterval() {
clearInterval(timer);
};
function _eventBlur(event) {
_clearInterval();
};
function _eventFocus(event) {
_stateInput();
_setInterval();
};
function _eventKeyDown(event) {
if (flagConvert) {
_stateInput();
}
};
function _isHiragana(chara) {
return ((chara >= 12353 && chara <= 12435) || chara == 12445 || chara == 12446);
};
function _removeString(new_input) {
if (new_input.match(ignoreString)) {
return new_input.replace(ignoreString, '');
} else {
var i, ignoreArray, inputArray;
ignoreArray = ignoreString.split('');
inputArray = new_input.split('');
for (i
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
phpでの文字の点滅表示
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
要素名がスペースを含む場合のj...
-
jslintのエラーについて質問
-
jQueryの"return false"の役割...
-
【JavaScript】変数の出力について
-
関数でy=g(x)のgとは何の略です...
-
javascriptのソースでvar resul...
-
XMLHttpRequestオブジェクトが...
-
小数点以下を5刻みで表示
-
jqueryの変数を関数の外に出す方法
-
jQueryでzipを解凍読み込みする...
-
即時関数でプライベート変数的...
-
シューティングゲームの作り方
-
同じIDで定義した要素の配列を...
-
<a>タグのテキストを取得
-
JavaScriptで文字列の特定文字...
-
jspからjavascriptの変数引継ぎ
-
C#テキストボックスの文字を配...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
jslintのエラーについて質問
-
クリックすると上に開くアコー...
-
XMLHttpRequestでキャッシュを...
-
ajax反映後のjqueryが動かない
-
function(e)の意味を教えてくだ...
-
要素名がスペースを含む場合のj...
-
jQueryの :not() .not() が有効...
-
jQueryでzipを解凍読み込みする...
-
関数名をテキストから読み込む...
-
getElementByIdを使用したグロ...
-
jqueryuiのdialog
-
jqueryのグローバル変数とロー...
-
jQuery 同じ処理を関数にまとめ...
-
XMLHttpRequestオブジェクトが...
-
addEventListener()でリスナー...
-
drawImageの描画順序の指定につ...
-
javascript(jQuery)でセル内...
おすすめ情報