【jQuery】この発想は無かったープラグインとか【備忘録】

jQuery

 

 

◆「自動的にカナ入力してくれるautoKana.js」

plugmin.co
Find the best information and most relevant links on all topics related to This domain may be for sale!
<form>
<label for="userName">氏名</label>
<input type="text" id="userName" placeholder="こっちに漢字を書き込むと…">
<label for="userNameKana">氏名カナ</label>
<input type="text" id="userNameKana" placeholder="こっちにカタカナが勝手に入力される">
</form>

漢字のテキストフォームとカタカナのテキストフォームの2つに任意のIDを指定。

<script src="./jquery.autoKana.js"></script>
<script>
$(function() {
    $.fn.autoKana('#userName', '#userNameKana', {
        katakana : true  //true:カタカナ、false:ひらがな(デフォルト)
    });
});
</script>

optionのkatakanaでtrueを指定するとカナ。
何も指定しないと平仮名。

◆「郵便番号から住所自動入力 ajaxzip3」

超簡単!たった2行だけで郵便番号から住所自動表示する方法:ajaxzip3
あなたのウェブサイトの郵便番号入力フォームは、入力しても住所が自動入力されず、お客さまにとって使いづらいフォームになってしまっていませんか?そこで今回は、その離脱の原因の一つである「入力が面倒」を未然に防ぐ「たった2行で郵便番号から住所を自動入力する方法」をご紹介します!

郵便番号を二つのフィールドに入力する場合

<!-- ▼郵便番号入力フィールド(7桁) -->
<input type="text" name="zip01" size="10" maxlength="8" onKeyUp="AjaxZip3.zip2addr(this,'','pref01','addr01');">
<!-- ▼住所入力フィールド(都道府県) -->
<input type="text" name="pref01" size="20">
<!-- ▼住所入力フィールド(都道府県以降の住所) -->
<input type="text" name="addr01" size="60">

 

◆HTML5のブラウザ対応状況をチェックできるサイト

Can I use... Support tables for HTML5, CSS3, etc
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

調べたい項目(例:canvasとか)をページ上部「Can I use _________ ?」に入力するとブラウザごとの状況が一覧で表示。

 

コメント