-
トグルスイッチを設定する
2015/12/8 toggleswitch, トグルスイッチ
トグルスイッチ(toggle switch)とは、〇型のつまみを左右にドラッグして2つの値のうちどちらかを選択するウィジェットです。ウィジェットをタップ・クリックするとツマキが現在とは反対の位置に移動 ...
-
項目選択の複数ウィジェットをグループ化する
2015/12/8 data-overlay-theme, data-theme, 項目選択
年月日など、複数のリストから同時に選択したいとき、ウィジェットのグループ化が有効です。グループ化されたウィジェットは縦、横に密着して設置されて、全体の四隅が丸く表示されます。 縦に並べてグループ化する ...
-
<select>により項目選択
2015/12/7 data-native-menu="false", data-placeholder, selectmenu, トグルスイッチ, 項目選択
ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するかで、ラジオボタンかチェックボックスかを分けて作成しなければなりません。ですが、今回書く、<select>による選択はで ...
-
値を選択するボタンを表示する
値を選択するボタンは以下の2つがあります。 ・複数の値から1つだけを選択するウィジェット ラジオボタン ・いくつかの値を同時に選択できるウィジェット チェックボックス これらによる値の選択はクリックか ...
-
ボタンを設定する
2015/12/7 data-inline="true", ボタン, 横に並べる
前回の記事では<a data-role="button">によるボタンを取り上げましたが、ここでは以外の<input>、<button>のボタンについて記事を書いて ...
-
jQueryMobileとフォームを組み合わせてみる
2015/12/6 data-ajax, data-direction, data-transition, form, フォーム
フォーム(user-submittable form)は、HTMLタグでは<form>タグで表されます。フォーム自体はウィジェットではないですが、フォーム内にはデータを入力するためのウィジ ...
-
バルーンを表示、項目を分割、折り畳みやポップ内にlistviewを作成する。
2015/12/6 class="ui-li-count", data-count-theme, data-split-theme, バルーン
バルーンとは、円形の囲みのことで、jQueryMobileでは、その内部に文字列を表示するために、実際の形は小さい長円形です。バルーンは<li>内の文字列の右側に表示されます。表示される文 ...
-
アイコンとサムネイルを表示する
各項目のレイアウトを設定する <li>の中には、色々なレイアウトを設定できます。いずれもHTMLタグと属性を追加するだけで大丈夫です。 <li>の中のレイアウト ・文字列のレイ ...
-
項目リストを設定する
2015/12/6 data-role="listview", listview, 項目リスト, 項目検索
項目リスト(listview)は、ふくすうの項目を列挙するためのウィジェットで、項目には文字列や、画像、数値を出力する部分を設けたり色々な事ができます。 HTMLタグに追加できる属性一覧 設定対象 名 ...
-
ナビゲーションバーを表示
ナビゲーションバーは、ヘッダ、フッタ内の複数のリンクをボタンのようにして表示するウィジェットです、よく利用するコンテンツへのリンクをメニューとして常時表示すれば、操作性の向上になります。 ナビゲーショ ...