コーディング関連の情報をお届けします。

ウェブ制作、コーディング初心者のメモ

: jQueryMobile

トグルスイッチを設定する

2015/12/8 toggleswitch, トグルスイッチ

トグルスイッチ(toggle switch)とは、〇型のつまみを左右にドラッグして２つの値のうちどちらかを選択するウィジェットです。ウィジェットをタップ・クリックするとツマキが現在とは反対の位置に移動 ...

: jQueryMobile

項目選択の複数ウィジェットをグループ化する

2015/12/8 data-overlay-theme, data-theme, 項目選択

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグループ化が有効です。グループ化されたウィジェットは縦、横に密着して設置されて、全体の四隅が丸く表示されます。縦に並べてグループ化する ...

: jQueryMobile

<select>により項目選択

2015/12/7 data-native-menu="false", data-placeholder, selectmenu, トグルスイッチ, 項目選択

ボタンによる選択では、１つの項目だけ選択するか、複数を同時に選択するかで、ラジオボタンかチェックボックスかを分けて作成しなければなりません。ですが、今回書く、<select>による選択はで ...

: jQueryMobile

値を選択するボタンを表示する

2015/12/7 チェックボタン, ボタン, ラジオボタン

値を選択するボタンは以下の２つがあります。・複数の値から1つだけを選択するウィジェット　ラジオボタン・いくつかの値を同時に選択できるウィジェット　チェックボックスこれらによる値の選択はクリックか ...

: jQueryMobile

ボタンを設定する

2015/12/7 data-inline="true", ボタン, 横に並べる

前回の記事では<a data-role="button">によるボタンを取り上げましたが、ここでは以外の<input>、<button>のボタンについて記事を書いて ...

: jQueryMobile

jQueryMobileとフォームを組み合わせてみる

2015/12/6 data-ajax, data-direction, data-transition, form, フォーム

フォーム(user-submittable form)は、HTMLタグでは<form>タグで表されます。フォーム自体はウィジェットではないですが、フォーム内にはデータを入力するためのウィジ ...

: jQueryMobile

バルーンを表示、項目を分割、折り畳みやポップ内にlistviewを作成する。

2015/12/6 class="ui-li-count", data-count-theme, data-split-theme, バルーン

バルーンとは、円形の囲みのことで、jQueryMobileでは、その内部に文字列を表示するために、実際の形は小さい長円形です。バルーンは<li>内の文字列の右側に表示されます。表示される文 ...

: jQueryMobile

アイコンとサムネイルを表示する

2015/12/6 アイコン, サムネイル

各項目のレイアウトを設定する <li>の中には、色々なレイアウトを設定できます。いずれもHTMLタグと属性を追加するだけで大丈夫です。 <li>の中のレイアウト・文字列のレイ ...

: jQueryMobile

項目リストを設定する

2015/12/6 data-role="listview", listview, 項目リスト, 項目検索

項目リスト(listview)は、ふくすうの項目を列挙するためのウィジェットで、項目には文字列や、画像、数値を出力する部分を設けたり色々な事ができます。 HTMLタグに追加できる属性一覧設定対象名 ...

: jQueryMobile

ナビゲーションバーを表示

2015/12/5 アイコン表示, テーマを設定, ナビゲーションバー

ナビゲーションバーは、ヘッダ、フッタ内の複数のリンクをボタンのようにして表示するウィジェットです、よく利用するコンテンツへのリンクをメニューとして常時表示すれば、操作性の向上になります。ナビゲーショ ...

1 2 3 … 40 Next »