Theme Roller ＊ Theme Roller：http://jquerymobile.com/themeroller/でカラー作成。 ＊ Download Themeから名前をつけて保存。 ＊ 「themes」フォルダをサイトのフォルダに移動。 ＊ htmlの「data-theme="a"」の"a"を書き換える。 ＊ 「list-divider」の部…

iframeで設置 Googleマップから取得したタグを貼り付けても、一部のスマートフォンでは地図が表示されない。 <div data-role="content"> <h2 class="h1">アクセス</h2> <iframe width="425" ...中略... 大きな地図で見<e3><82><8b></a></small> </div> 大きな地図で見る Google Maps APIのスクリプトをhead要素内で読み込む <script type="text/javascript" s</iframe></div>…

問い合わせフォームの作成 <div data-role="content"> <h2 class="h1">お問い合わせ</h2> <form action="form.php" method="post"> （フォームの内容） </form> ページの見出し（h2要素）とフォームの間には不自然な余白があり、入力フォームの背景色がやや暗いのでCSSで調整する。 /*入力フォームの背景を調整*/ textarea.ui-body-b,input.ui-body-b{ ba</div>…

jQuery Mobile jQuery Mobileは、HTMLのhead要素で、下記を読み込むだけで利用できる。 jQueryのスクリプトファイル jQuery Mobileのスクリプトファイル(最新：1.0.1) jQuery MobileのCSSファイル(最新：1.0.1) <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></link>