月別アーカイブ: 2013年3月

jQuery EasyUI のダイアログ(Dialog)を使う

jQuery EasyUI のダイアログ(Dialog)を使うサンプル。 xtestdialog.html ダイアログの基本的な設定・表示 あらかじめHTMLにダイアログの項目を’div’要素で用 … 続きを読む

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

ドラッグ&ドロップとテーブルでスケジュール表を試作

HTMLのドラッグ&ドロップとテーブルでスケジュール表を試作してみる。 xtestdrag02.html 右のスケジュール表に、左の表(内容は固定)の項目をドラッグ&ドロップする スケジュール表の左の列は時刻入力欄で、j … 続きを読む

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

jQuery/JavaScriptで動的tableを操作する技

テーブルを使う際はjQueryのプラグインを使うことが多いが、jQuery/JavaScriptで素のHTMLテーブルを操作する場合のいろいろな技。 jQueryでgetElementById()と同等のオブジェクトを取 … 続きを読む

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

jQuery EasyUIのdraggable/droppableを使う

jQuery EasyUIのdraggable/droppableを使って、アイテムのドラッグ&ドロップ機能を実現する。 実行例: この例では、左の「clip spot」にあるスポット(Tokyo,Osaka… … 続きを読む

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

位置情報アプリ(8) – 保存したスポットの管理

スポットの保存機能に引き続き、保存したスポットの管理機能を開発する。 画面:xlocclip03.html?start_tab=3 作成する機能: 「タグ」を指定し、そのタグがついているスポットの一覧を表示する – 対象 … 続きを読む

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

位置情報アプリ(7) – タグを付けてスポットを保存

以前作成したロケタッチのスポット検索機能に引き続き、「タグ」を付けて検索したスポットを保存する機能(画面)を実現する。タグはこの画面で予め登録しておく。1つのスポットあたり複数のタグを付けることが可能。(タグを付けないこ … 続きを読む

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

位置情報アプリ(6) – タグの管理

スポットを登録する際に「タグ」を付けることで、後の管理をやりやすくする。ここでは、タグ関連の機能を実現する。 画面:xlocclip03.html 項目: ・name : 名前 ・order : 表示並び順(現状未使用) … 続きを読む

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

jQuery EasyUIのValideteBox,NumberBoxで入力を制限する

通常のテキストボックスの代わりに、jQuery EasyUIのvalidetebox,numberboxを使って入力を制限する方法。 ValidateBox ValidateBoxは’email’ … 続きを読む

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

gaedirectを使ってGoogle App Engineのデータストアにアクセスする(2)

gaedirectを使ってGoogle App Engineのデータストアにアクセスする際のノウハウ。 参照結果とその形式 文字列として返される。各エンティティ(行)の区切り文字は ‘<e> … 続きを読む

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

gaedirectを使ってGoogle App Engineのデータストアにアクセスする(1)

複数の機器からのアクセスを想定すると、クラウドにデータを保存する必要がある。今回は、JavaScript/jQueryをベースにしたライブラリである「gaedirect」を使って、Google App Engine (G … 続きを読む

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