jQuery

appendではなく文字列による結合のパフォーマンス改善

append多用から文字列の結合に変更したらパフォーマンスが改善したのでメモ。appendしまくりのソース。 for (var i = 0;i < array.length;i++) { var html = $("<tr></tr>").append( $("<td></td>").html(array[i].data0) ).append( $("<td></td>").html(array[i].data1) ).append( $("<td></td>"…

IEのajaxでキャッシュしない

IEでajaxの値が変わらずハマってしまいました。 IEだと、ajaxによるGETメソッドの場合もキャッシュするみたいで、この1行をセットすればOKでした。 $.ajaxSetup({ cache: false }); こちらを参考にしました。 IEがajaxキャッシュするのを抑制 - はらぐろブロ…

jQuery blockUI Plugin

jQuery blockUI Plugin は、半透明のレイヤーでページや要素をブロックしてくれます。 jQuery BlockUI Plugin メッセージ部分やスタイルシートを簡単にカスタマイズできるので、「読み込み中」とか「loading」みたいな処理を自作しなくて済みます。これは便…

Flot で棒グラフを side by side で表示するプラグイン

Flotで、棒グラフを side by side で表示するプラグインがあります。 サンプル画像 サンプルコード $(document).ready(function() { var data_budget = [ [1, 計画値1], [2, 計画値2], [3, 計画値3], [4, 計画値4] ]; var data_result = [ [1, 実績値1], [2,…

Flotで『xaxis:{mode:"time"}』を使う際のtime zoneについて

インターネットサービスを提供する場合は、ユーザがサービスを利用している場所のlocaltimeをDBに保存することが一般的だと思いますが、DBから取得した値をJavaScriptのDate関数を使って数値化するとUTCの時間で計算されるので、配列にデータを格納する際にt…

Flotでtooltip

Flotでtooltipを出力するにあたり、いくつかハマったのでメモ。 参考 Flot Examples 1. 同一のdataIndexを持つ複数のlabelが座標上で重なり合う位置にあるとtooltipが変わらない参考サイトでの方法ですが、 if (previousPoint != item.dataIndex) { } とする…

スマートフォンの縦横の向きにあわせて表示を制御する

こんな感じで、 $(window).bind('load orientationchange resize',function(){ ); iPhone/Androidともに、縦横の向きを変えた際に表示が変わるようになりました。 こちらのサイトを参考にしました。 Androidでorientationchangeイベントが意図した通りに動か…