フォローする

Growth Hack Library

※ 本ライブラリーはKaizen Platformのエディター内でのみ利用可能です。

更新履歴

  • Ver1.0(2017/01/30)
    • 入力フォーム改善用メソッド(半角→全角への変換、よみがな自動入力)を公開しました

入力フォーム改善用メソッド

CASE半角→全角への変換

住所入力など、全角入力が必須の入力フォームに活用できます。デモページ

kzLoadTool("kzForm", function(kzForm) {
  kzForm.hanZen.add("input#to-zenkaku");
},"1.0");

1.0はバージョンです。バージョンを指定しない場合は最新版が読み込まれます。

 

CASEよみがな自動入力

任意のフォームに入力したよみがなを、別のフォームに自動入力します。デモページ

kzLoadTool("kzForm", function(kzForm) {
  kzForm.autoKana.add("input#input-kanji1", "input#auto-hiragana");
});

よみがなをカタカナしたい場合は、以下のようにオプションを追加します。デモページ

kzLoadTool("kzForm", function(kzForm) {
  kzForm.autoKana.add("input#input-kanji2", "input#auto-katakana", { katakana: true });
});

画面スクロール時などに要素を制御

UIエディターでは通常 $(window).xxx の関数をご利用いただけませんが、画面スクロール時などに要素を制御する場合に、以下の関数がお使いいただけます。

kzWindow.height()
kzWindow.innerHeight()
kzWindow.innerWidth()
kzWindow.outerHeight()
kzWindow.outerWidth()
kzWindow.scrollLeft()
kzWindow.scrollTop()
kzWindow.width()
kzWindow.on()
kzWindow.off()
kzWindow.scroll()

 

ご利用いただくための準備

UIエディターで使うためにはエクスペリエンスの詳細設定で以下のコードを設定し、ライブラリを読込みこんでおく必要があります。
オープンオファーなどで利用したいグロースハッカーの方は、オファーの掲示板でディレクション担当の方へ利用したい旨を依頼して下さい

window.kzLoadTool = function(name, cb, ver) {
var base = "https://cdn.kaizenplatform.net/ui-library/";
var d = document, t = 'script',
     o = d.createElement(t),
     s = d.getElementsByTagName(t)[0];
if (!ver) ver = 'latest';
o.src = base + name + '/' + ver + '/' + name + '.js';
if (cb) {
  o.addEventListener('load', function (e) {
cb(kzs.tools[name][ver]);
}, false);
}
s.parentNode.insertBefore(o, s);
};
window.kzWindow = {};
var methods = ["height", "innerHeight", "innerWidth", "outerHeight", "outerWidth", "scrollLeft", "scrollTop", "width", "on", "off", "scroll"];
var win = kzs.$(window);
kzs.$(methods).each(function(i,k){
kzWindow[k] = function (){
return win[k].apply(win, arguments);
};
});
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

0 コメント

ログインしてコメントを残してください。