Tips」カテゴリーアーカイブ

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

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

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

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

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

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

jQuery Mobile でGoogle Mapsを表示する

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

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

jQuery Mobile でヘッダーにボタンを表示する

今回調べたjQuery Mobileのヘッダに関する覚え書き。ヘッダ(data-role=”header”内)に’a要素’を記述すると自動的にボタンが生成される。リンクが1 … 続きを読む

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

EclipseからAndroidエミュレータを使う

EclipseからAndroidエミュレータを使う際の覚え書き。 エミュレータの追加・起動 (1)’Android Virtual Device Manager (AVD)’を起動。 (2)起動し … 続きを読む

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

jQuery EasyUI のコンボボックス(ComboBox)を使う

jQuery EasyUI のコンボボックス(ComboBox)を使うサンプル。 xtesteasyui.html コンボボックスを用意する あらかじめHTMLのinput要素として用意しておく。 表示するデータを用意す … 続きを読む

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

IEではconsole.logが使えない

作成したWebページをIEで開くとうまく動かないことがある。1つの原因として考えられるのは、デバッグ用に’console.log’を使っていることだ。IEはConsole APIに対応していないた … 続きを読む

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

jQuery EasyUI の日付入力(datebox)を使う

jQuery EasyUI のdateboxを使うサンプル。これを使うと日付入力が簡単にできる。 xtesteasyui.html dateboxの表示 あらかじめHTMLのinput要素として用意しておく。クラス名は& … 続きを読む

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

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

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

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

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

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

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