2013-04-25から1日間の記事一覧

jQueryMobile Maps JavaScript API04

ルート検索 任意の場所を指定してルートを検索する ルートタイプ(車)での設定 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Google Maps ルート検索</title> </meta></meta></head></html>

jQueryMobile グリッドレイアウト

見出しのテーマの変更 jQuery Mobileでは要素を均等に分割して並べる「グリッドレイアウト」の機能が用意されている 2カラム 2カラムにしたい場合は、class属性「ui-grid-a」を付けた要素の内側に、class属性「ui-block-a」とclass属性「ui-block-b」を付け…

jQueryMobile グリッドレイアウト02

4カラム 4カラムにするには、class属性「ui-grid-c」を親要素に適用します ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <title>jQuery Mobile グリッドレイアウト</title> </meta></meta></head></html>

jQueryMobile カスタマイズ

見出しのテーマの変更 jQuery Mobileのリスト表示は、ul/ol要素にdata-theme属性でテーマを指定できる ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <title>jQuery Mobile Sample</title> </meta></meta></head></html>