「jQuery Mobile」タグアーカイブ

jQuery Mobileでコードでページ遷移する

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

jQuery Mobileで作成したページで、コードでページ遷移したいときの方法。 ただし、jQuery Mobileは独自のページ機構を持っているので、ページ遷移といっても本当に新しいページをロードしてくるとは限らない … 続きを読む →

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

jQuery Mobileのリストビューで動的に次画面を生成する

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

時刻表アプリを作成する際には、一覧から1つの要素を選択して、その要素の詳細を表示する、というパターンを多用している。例えば、最初の画面で「路線一覧｣から1つの路線を選択し、次の画面で選択した路線の「駅」を表示する、という … 続きを読む →

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

モバイル版チェックイン予定表(4) – チェックイン時刻・オプションの変更

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

前記事に引き続いて、モバイル版のチェックイン予定表を作成する。実行サンプルはこちら。 データストアに自動チェックインに関するプロパティを追加する chk_mode: 自動チェックインするかどうか ‘auto& … 続きを読む →

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

jQuery Mobileのラジオボタンをコードで操作する

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

jQuery Mobileのウィジェットの1つであるラジオボタン(複数の選択肢から1つだけ選べるボタン)を、javascriptのコードで操作する方法。 ラジオボタンをマークアップする input要素にtype=R … 続きを読む →

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

SimpleDialog2でモバイル用のダイアログを実装する

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

jQuery Mobileのプラグインである’SimpleDialog2‘を使って、モバイル画面用のダイアログを実装する。普通にダイアログを実現するには、 ・page-role=”di … 続きを読む →

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

モバイル版チェックイン予定表(3) – リストビューのクリックで次画面を表示

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

前記事に引き続いて、モバイル版のチェックイン予定表を作成する。このアプリは、基本的に「一覧－明細」形式になっていて、一覧表をクリックした際、クリックした行(項目)に応じて、次画面(明細画面)の内容を変更する必要がある。以 … 続きを読む →

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

モバイル版チェックイン予定表(2) – リストビューで一覧表を表示

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

前記事の続き。Google App Engineのデータストアからデータを読み込み、jQuery Mobileのリストビューを使って一覧表を表示する。以下ではタグの一覧表ページ(#pgPlanList)を例にとってコード … 続きを読む →

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

Google Mapsのロード(表示)完了後に何らかの処理を行う方法

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

モバイル機器でGoogle Mapsを表示する場合、初回のロードにはそれなりに時間がかかる。そのため、地図に対して何かを行ってもエラーになったり、うまく反映されない場合がある。例えば、今回は以下の問題に遭遇した。 ・地図 … 続きを読む →

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

mobiscrollで日付・時刻を入力・表示する

投稿日: 2013/04/04 作成者: admin

mobile機器の画面で日付や時刻を入力するには、mobiscrollが便利だ。(PCのブラウザでももちろん使える。) 今回は、この中のdatetime コンポーネントを使ってみる。 mobiscrollのCSS/スクリ … 続きを読む →

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

jQuery Mobile でGoogle Mapsを表示する

投稿日: 2013/04/03 作成者: admin

jQuery Mobile でGoogle Mapsを表示する際の注意点。PCのブラウザに表示する場合と基本的には同じだが、(1)地図表示のタイミング、(2)表示するdiv領域のheight指定、がポイントになる。 ml … 続きを読む →

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