ページ 11

テンプレート変数内の入力で、カタカナを入力されたら、ひらがなに自動変換させたい  【解決済み】

Posted: 2017年3月06日(月) 13:24
by Kenny
お世話になります。

表題の通り、テンプレート変数内の入力で、カタカナを入力されたら、ひらがなに自動変換させたく、以下のようなテキストフォームを作成し、ページとしては動くのですが、これをテンプレート変数に導入したいと考えております。

テンプレート変数で「入力フォーム」を「Custom Form」にして以下のコードを入れても、当然無反応で、何か方法がございましたら教えていただけますでしょうか。

どうぞよろしくお願いいたします。

***********************************************************************************************

<script src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>

<script>
function convertStr(str) {
return str.replace(/[ァ-ン]/g, function(s) {
return String.fromCharCode(s.charCodeAt(0) - 0x60);
});
}
$(function() {
$('.changekana').on('blur', function() {
var str = $(this).val();
$(this).val(convertStr(str));
});
});
</script>

<input name="[+name+]" class="changekana" type="text">

***********************************************************************************************

テンプレート変数内の入力で、カタカナを入力されたら、ひらがなに自動変換させたい

Posted: 2017年3月20日(月) 18:14
by soushi
soushiです。

テンプレート変数のCustom Formに次の記述を入れてみたらいかがでしょうか。

コード: 全て選択

<input name="[+name+]" value="[+value+]" id="changekana" type="text">
<script>
function convertStr() {
  var str = this.value;
  this.value = str.replace(/[ァ-ン]/g, function(s) {
    return String.fromCharCode(s.charCodeAt(0) - 0x60);
  });
}
document.getElementById("changekana").onblur = convertStr;
</script>
手元のブラウザ(chrome)だとカタカナからひらがなにかわりました。

テンプレート変数内の入力で、カタカナを入力されたら、ひらがなに自動変換させたい

Posted: 2017年3月21日(火) 14:16
by Kenny
soushi 様

ありがとうございます!

教えていただいたコードを入れてみると、作動しました。

FirefoxでもEdgeでも作動しております。

どうやっても出来ず、諦めかけていた所でした。。

重ね重ね本当にありがとうございました!