JavaScript・jQuery : 12件

投稿日時: 2014年9月11日　 カテゴリー: JavaScript・jQuery,

機種依存文字をチェックする(JavaScript/jQuery)

JavaScript/jQueryでフォームの入力内容の機種依存をチェックして、アラートを出す方法です。

$(function(){

　$('input[type=text]').on('blur', function(){
　　var txt = $(this).val();
　　var search_txt = "[①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ㍉㌔㌢㍍㌘㌧㌃㌶㍑㍗㌍㌦㌣㌫㍊㌻㎜㎝㎞㎎㎏㏄㎡㍻〝〟№㏍℡㊤㊥㊦㊧㊨㈱㈲㈹㍾㍽㍼]";
　　if(txt.match(search_txt)){
　　　alert("機種依存文字が入力されています。");
　　}
　});

});

投稿日時: 2014年7月25日　 カテゴリー: JavaScript・jQuery,

JavaScript/jQueryでローディングバー・プログレスバーを表示させて読み込み処理を行う(imagesLoadedの使い方)

JavaScript/jQueryでローディングバー・プログレスバーを表示させて読み込み処理を行うには「imagesLoaded」というライブラリを使用して、htmlにある画像の読み込み状況を監視します。

→ デモはこちら

(さらに見る)

投稿日時: 2014年6月3日　 カテゴリー: JavaScript・jQuery,

外部サイトからhtmlやjsonを取得する方法

jQueryのプラグイン、jquery.xdomainajax.jsを使用する。

■使用例

投稿日時: 2014年3月29日　 カテゴリー: JavaScript・jQuery, メモ書き,

JavaScriptで配列をランダムソートする

JavaScriptで配列の中身をランダムソートをする方法です。

アルゴリズム(Fisher-Yates)

Array.prototype.shuffle = function() {
    var i = this.length;
    while(i){
        var j = Math.floor(Math.random()*i);
        var t = this[--i];
        this[i] = this[j];
        this[j] = t;
    }
    return this;
}

a = [1,2,3,4,5];
a.shuffle();

参考サイト

• 最速インターフェース研究会

投稿日時: 2014年3月22日　 カテゴリー: JavaScript・jQuery, PHP, メモ書き,

JavaScriptの変数をPHPに渡す方法

JavaScriptの変数を直接PHPに渡すことはできないので、cookieやHTML5のWeb Storageを経由して渡す。
または、JavaScriptのXMLHttpRequest、jQueryの$.ajaxなどを使用して外部PHPプログラムに渡します。

(さらに見る)