投稿者「admin」のアーカイブ

jQuery EasyUI の ComboGridを使う

投稿日: 2013/02/16 作成者: admin

jQuery EasyUI の ComboGridを使って、ファイル名の一覧を作る。 ComboGridはHTMLのselect要素をグラフィカルにしたもので、jQuery EasyUIのドロップダウン付のテキストボック … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQuery EasyUIでカスタムアイコンを追加する

投稿日: 2013/02/15 作成者: admin

jQuery EasyUIのCSSを編集する アイコン関連CSSファイルの配置場所：(root dir)/themes/icon.css 追加したいアイコンに適宜名前(以下では｢icon-myupload｣)をつけて、次 … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

内部データをファイルとしてダウンロードできるようにする

投稿日: 2013/02/14 作成者: admin

HTML5のFile APIを使ってファイルを作成する方法をベースに、内部データをファイルとしてダウンロードできるようにする。GUIの一貫性を考慮し、ボタンクリックでダウンロードを開始する。 データをJSON形式にし、さ … 続きを読む →

カテゴリー: Tips | タグ: , | 1件のコメント

ブラウザのファイルアップロード時のボタンを画像ボタンに変更する

投稿日: 2013/02/13 作成者: admin

ファイルをアップロードしたいときはブラウザの機能(input)を使うことになるが、その際表示されるボタンを画像ボタンに変える方法。結論から言うと、 – input要素を非表示とし、 – 用意した画像ボタンをclickした … 続きを読む →

カテゴリー: Tips | タグ: , , | コメントする

jQueryでimageボタンのイベントを処理する (enabled/disabled関連)

投稿日: 2013/02/12 作成者: admin

まだ確認中だが、画像を利用したボタンをdisabled(＝使えない)にしようとしてうまくいかなかったので、回避策について。 次のようなimageボタンを作成し、イベントハンドラを用意した。 このボタンをchromeでクリ … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

トラッキング機能を実現する(2)

投稿日: 2013/02/11 作成者: admin

再生ボタン：トラッキングの開始 – 初期(init)・一時停止(pause)状態のときは、最初のポイントに移動する。 – すでに再生(play)状態の場合は何もしない。(二重起動防止) – 地図移動処理(moveMapO … 続きを読む →

カテゴリー: Development | タグ: , , , | コメントする

トラッキング機能を実現する(1)

投稿日: 2013/02/10 作成者: admin

地図の中心を、GPSデータの各ポイントに一定時間ごとに移動することで、｢トラッキング機能｣を実現する。 コンソールパネルの作成 上(north)パネルにボタンを並べて、コンソールパネルを作る。 これを表示すると以下になる … 続きを読む →

カテゴリー: Development | タグ: , , , , | コメントする

JavaScript でタイマーを使う(setInterval(),setTimeout())

投稿日: 2013/02/09 作成者: admin

JavaScript でタイマーを使う。JavaScriptでは、｢一定時間後｣に処理を行う setTimeout() と、｢一定時間ごと｣に処理を行う setInterval()の2つが用意されているが、今回は繰り返し … 続きを読む →

カテゴリー: Tips | タグ: | 1件のコメント

ブラウザのボタンあれこれ(HTML/jQuery)

投稿日: 2013/02/08 作成者: admin

ボタンを作成する button要素を使うと、input要素と同等の機能を持つボタンが作成できる。type=”button” で汎用ボタンになる。 画像ボタンにする imgタグを使うと画像ボタンが作 … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

GPSデータの各種情報を表示する(2)

投稿日: 2013/02/07 作成者: admin

前回に続いて、GPSファイルの情報を表示する。 GPSファイルを読み込む 結果は変数：gGpsData に格納する。 GPSデータをグリッドに表示する グリッドに値を設定する関数 setGridValueByKey(tg … 続きを読む →

カテゴリー: Development | タグ: , , | コメントする