「jQuery Easy UI」タグアーカイブ

画像表示アプリの作成(3) – 画像表示機能の実現

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

｢画像情報ファイル｣を読み込んで、画像を表示するWebアプリを作成する。以下のサンプルでは、テスト画像を30個表示している。 imgview03.html 画面レイアウトには jQuery EasyUI を使う 上パネル … 続きを読む →

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

URLパラメータで読み込むファイル・自動トラッキングを指定する

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

URLパラメータで、読み込むJSONファイル名と自動トラッキングする/しないを指定できるようにする。URLパラメータの取得方法は、この記事を参照。動きは以下のとおりを想定。 ファイル指定の有無(gpsjson)を確認する … 続きを読む →

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

JSONファイルの作成・読込機能を実現する

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

これまでの成果をまとめて、アップロードしたGPSデータをJSON形式に変換し、変換したJSONファイルを読み込んで、内容を Google Mapsに表示する機能を実現する。JSONファイルはサーバ側に配置しておき、GUI … 続きを読む →

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

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 | タグ: , | コメントする

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

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

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

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

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

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

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

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

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

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

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

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

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

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

表示用のグリッドを用意する 右パネルにグリッド(jQuery UI/PropertyGrid)を配置する 左パネルには地図情報を表示したので、GPSデータの情報は右パネル(region=”east” … 続きを読む →

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

jQuery EasyUI の｢Layout｣PanelをコードでExpand/Collapseする

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

画面の構築にjQuery EasyUIのLayoutを利用している。このLayoutが管理するPanelをコードでExpand/Collapseする方法について述べる。例えば、右(east)のパネルを開くには以下でOK。 … 続きを読む →

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