• about me
  • コンテンツについて
  • メルマガ登録

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

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

  • コンテンツについて
  • メルマガ登録
  • about me
no image

jQueryMobile

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

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

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

no image

jQueryMobile

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

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

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

no image

jQueryMobile

<select>により項目選択

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

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

no image

jQueryMobile

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

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

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

no image

jQueryMobile

ボタンを設定する

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

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

no image

jQueryMobile

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

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

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

no image

jQueryMobile

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

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

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

no image

jQueryMobile

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

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

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

no image

jQueryMobile

項目リストを設定する

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

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

no image

jQueryMobile

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

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

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

1 2 3 … 40 Next »
  • Twitter
  • Share
  • Pocket
  • Hatena
  • LINE
  • URLコピー

参加中のランキング



にほんブログ村 IT技術ブログへ
にほんブログ村

最近の投稿

  • トグルスイッチを設定する
  • 項目選択の複数ウィジェットをグループ化する
  • <select>により項目選択
  • 値を選択するボタンを表示する
  • ボタンを設定する

最近のコメント

    アーカイブ

    • 2016年5月
    • 2016年4月
    • 2016年3月
    • 2016年2月
    • 2016年1月
    • 2015年12月
    • 2015年11月
    • 2015年10月
    • 2015年9月
    • 2015年8月
    • 2015年7月
    • 2015年6月
    • 2015年5月

    カテゴリー

    • CSS (57)
    • D3.js (75)
    • HTMLページ構造 (18)
    • HTML文章関連 (25)
    • javaScript (41)
    • jQuery (56)
    • jQueryMobile (29)
    • php (91)

    タグ

    break文 CSVファイルを読込 DOM for文 if文 imagesLoaded jQuery独自 Masonry switch文 while文 XML アイコン アニメーション イベント グラデーション グローバル変数 セレクター タブ パックレイアウト ヒストグラム ヒートマップ フォーム フレックスコンテナ ボタン ポップアップ メソッド メソッドチェーン メタ文字 ローカル変数 優先順位 円グラフ 四則演算 変数 折れ線グラフ 散布図 条件分岐 横に並べる 正規表現 演算子 縦棒グラフ 繰り返し 論理演算子 連想配列 配列 関数

    スポンサードリンク

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

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

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