jquery JavaScript(jquery)で画像など全部の読み込みが完了した時に処理を行う
$(function(){ // 処理 }); jqueryでコードを書く際によく見る記述ですが、この記述の場合にはhtml(document)の読み込みが完了した時点で処理が実行されます。 つまり、画像などの読み込みは非同期で行われる為、...
jquery
jquery jquery JavaScriptによるページ内の移動とその後の処理を同期させる
Javascriptでスクロール位置を画面最上部にする場合はwindow.scroll(0,0); で処理ができるのですが、移動完了している事が必須となる処理を続けて行うとそれぞれが非同期で実行される為、思った様な結果にならない場合がありま...
jquery アクティブ領域のゲージの背景色に色がつくスライダー その2
先日のエントリでjQuery UIを使って"アクティブ領域の背景色に色がつくスライダー"を作ったのですが、iPhoneでバーが動かないという事態が。。。 jQuery mobileを使う手もあるのですが、他のスタイルに影響しまくるので、CS...
jquery jQuery UIのスライダーのデザインを調整する
スライダーを<input type="range">で指定すると こんな感じになるのですが、思った通りにデザインが適用できず苦戦したのでメモ。 ゴール ・バーのアクティブ部分に色をつけたい ・基本的なデザインは<input type="ra...
jquery jqPlot+Jqueryでグラフを描画してみる その2
前回のエントリjqPlot+Jqueryでグラフを描画してみるの続きです。 今回はドーナツグラフを描いてみます。 サンプルコード jqPlot本体のダウンロードなどは前回エントリを参照いただけばと。 表示結果はこんな感じになります。 簡単に...
jquery jqPlot+Jqueryでグラフを描画してみる
コンテンツとしてグラフを表示する要件があったので、いくつか調査し一番良さそうだったのがjqplot。 Jquery(JavaScript)ベースなので、スマホへの対応も意識せずにできます。 jqPlot: こんな感じのグラフがかなり簡単に...
jquery jqueryでフォームデータを扱う簡単なサンプルコード
jqueryでフォームデータを扱う時の簡単なサンプルです。 テキストボックスの値を取得して表示 セレクトボックスで特定の要素を選択状態にする valueが指定されていない場合には値が一致するものが選択されますが、実用的にはvalueを適切に...