レシポンシブを実現するためにウィンドウ表示領域サイズによって表示レイアウトを変えようと思いウィンドウ表示領域サイズを取得する方法を調べてみました。 表示されているエリアの幅サイズはjQueryを使って $(window) …続きを読む→

CSVファイルもｊQueryの$.ajaxメソッドを使ってサーバから読み込むことができる。 その方法は次のとおりである。 $(function(){ $('#btn').click(function( …続きを読む→

AjaxのXMLHttpRequstではクロスドメイン通信はセキュリティ上の理由から禁止されている。 外部サーバのサービスを利用するためにプロキシを設置してプロキシ経由でサービスを利用するのも面倒なのでJSONP(Jav …続きを読む→

以下の例では２つのボタンはそれぞれクリックされると$.get／$.putのどちらかが実行されます。 そしてWebサーバから受け取ったデータを元にテキストを表示します。 jQuery <script type=&qu …続きを読む→

要素の存在判定 JavaScriptまたはjQueryを使い、html要素が存在するかどうか調べる方法はいくつかあります。 いずれも、結果が真の場合に要素は存在します。 判定メソッド if(document.getEle …続きを読む→

jQuery、JavaScriptともcssを操作することができる。しかし、JavaScriptのstyleプロパティはインラインcssのみ操作できるのに対してjQueryはインラインに限らずcssを操作できる。 次の例 …続きを読む→

物理エンジン「Box2D.js」を使って、ボールが落下する自然な動きを表現することができました。 実現するのは結構難しいですが目を引くページになります。 Box2D.jsのダウンロードはここ HTML <div i …続きを読む→

マウスから火花が飛び出すアニメーションです。 作り方が公開されていましたので試してみました。 JavaScript var SCREEN_HEIGHT = window.innerHeight; // 画面の高さ var …続きを読む→

JavaScriptにcallメソッドがあります。直感的には理解しがたい不思議なメソッドです。 機能は「現在のオブジェクトの代わりに、他のオブジェクトを使用してメソッドを呼び出すもの」というらしい。 分かりにくいので下記 …続きを読む→