フォームクリエイターへautoKanaを適用したいです

フォームクリエイター上の入力を簡素化するために、jQueryのautoKanaを適用したく、以下のJSファイル(sample.js)を作成しました。

============================================
//sample.js

// jQuery読み込み
document.write(‘<script type=“text/javascript” src=“//js.cybozu.com/jquery/1.11.2/jquery.min.js”></script>’);

//かな自動入力
document.write(‘<script type=“text/javascript” src=“http://www.xxxxxx.jp/jquery.autoKana.js” language=“javascript”></script>’);
$(window).load(function () {
$.fn.autoKana(‘#questions_xxxxx’, ‘#questions_xxxxx’);
});

===========================================

"jquery.autoKana.js"は、レンタルサーバにアップし、リンクさせているのですが、保存先が「https」ではないため、ブラウザのセキュリティレベルではじかれてしまって動かないケースがでてしまいます。
(jsの動作を許可してあげれば正常に動きます。)

レンタルサーバにSSLを適用するつもりはなく、それ以外の方法で回避できるやり方があれば、ご教示いただきたく思います。

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

asano さん

以前、autoKana を使ったときのメモを kintone フォームクリエイターのカスタマイズ覚書 に書いていますので、ご参考になれば。

下記で対応できると思います。

・jQueryは、標準で読み込まれているものがそのまま使える。
・jquery.autoKana.js と、カスタマイズ用の JavaScript を1ファイルにまとめてアップロードする。

rex0220さま

コメントありがとうございます。

昨日、同じ方法を試した際は、一行目のjQuery読み込みの記述が邪魔をしたのか、
うまく動かなかったのですが、ご教示いただいたとおりに改めてファイルを作成したところ、
きちんと動きました。
ありがとうございました。

その際の挙動で1点気になる点がでてきたのですが、
FireFoxで動作させた場合のみ、苗字の後にスペースを入れると、
名前のかなが出てこない現象が見られました。
スペースを入れずに入力する分には問題ありませんでした。
(氏名およびカナのフィールドは、姓と名を分けないで作っています。)

もし原因等ご存知であれば、こちらについてもご教示いただけますと幸いです。
(必要なソース等ありましたら、追加で書込みさせていただきます。)

何卒よろしくお願い致します。

試したところ、FireFox だとスペースに関係なく、変換後に入力した文字は無視されるようですね。

autoKana のデモ環境でも再現しますので、既存の問題だと思います。

 

 

rex0220さま

検証いただきありがとうございます。内容について、承知致しました。

今後の改善を期待しっつ、注釈等で対応したいと思います。

ご教示いただきありがとうございました。

検証が必要ですが、対策バージョンを作られた方がいるようです。

処理内容は、まったく違いますね。

検索して下記を見つけました。

 CompositionEventを利用してフリガナを取得する(その2)

ソース

https://github.com/VeryPinch/autoKana2

デモ

https://verypinch.github.io/autoKana2/

 

rex0220さま

お調べいただきありがとうございます。

確かにこれならFireFoxでも問題なさそうですね。

色々と検証してみたいと思います。