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

質問全般・改善要望
Kenny
メンバー
メンバー
記事: 160
登録日時: 2011年5月28日(土) 13:41

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

投稿記事by Kenny » 2017年3月06日(月) 13:24

お世話になります。

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

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

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

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></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">

***********************************************************************************************
soushi
管理人
記事: 223
登録日時: 2009年7月30日(木) 01:59

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

投稿記事by soushi » 2017年3月20日(月) 18:14

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)だとカタカナからひらがなにかわりました。
Kenny
メンバー
メンバー
記事: 160
登録日時: 2011年5月28日(土) 13:41

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

投稿記事by Kenny » 2017年3月21日(火) 14:16

soushi 様

ありがとうございます!

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

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

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

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