「GUI」カテゴリーアーカイブ

GUI に関する JavaScript のカテゴリ。javascript で書かれた様々なライブラリを使うと、高度な GUI を、簡単に実現できる。

jQuery UI の Slider、Dialog、Button による複数評価項目フォーム

投稿日: 2011年7月3日 作成者: alphasis

jQuery UI の Slider プラグイン、Dialog プラグイン、Button プラグインなどを使い、複数の評価項目の評価送信フォームを作る方法。実装例（サンプル）は、好感度、実用性、デザイン性、独創性、技術力の5つの項目についての評価フォーム。「以上の通り評価する」を押すと確認ダイアログが現れる。 続きを読む →

カテゴリー: Button, Dialog, GUI, JavaScript, jQuery, jQuery UI, Slider, フォーム | jQuery UI の Slider、Dialog、Button による複数評価項目フォーム はコメントを受け付けていません

jQuery UI の Slider による、数値範囲をGUIで設定する縦型スライダー

投稿日: 2011年7月1日 作成者: alphasis

jQuery UI の Slider プラグインを使った、数値の範囲をGUIで指定する縦型（垂直型）スライダー。例えば、○○円以上○○円未満の商品を検索したいときや、○○点以上○○点未満の生徒を検出したいときなどの、範囲指定GUIを簡単に作れる。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider | jQuery UI の Slider による、数値範囲をGUIで設定する縦型スライダー はコメントを受け付けていません

jQuery UI の Slider プラグインを使った、縦型（垂直型）スライダー

投稿日: 2011年7月1日 作成者: alphasis

jQuery UI の Slider プラグインを使った、縦型（垂直型）スライダー。orientation オプションの値に「vertical」を指定することで、縦型（垂直型）のスライダーになる。「horizontal」を指定すると、横型（水平型）のスライダーになる。実装例（サンプル）は、音量調整GUI風の縦型スライダー。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider | jQuery UI の Slider プラグインを使った、縦型（垂直型）スライダー はコメントを受け付けていません

スライダー上のクリックした場所へハンドルをアニメーション移動

投稿日: 2011年6月30日 作成者: alphasis

jQuery UI の Slider プラグインを使ったスライダーにおいて、トラック上のクリックした場所へ、ハンドルを、アニメーション動作で移動させる方法。animate オプションの値に「slow」「normal」「fast」のいづれかを指定する。「slow」はゆっくりとした速度のアニメーション動作、「fast」は早い速度、「normal」はその中間の速度。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider, アニメーション | スライダー上のクリックした場所へハンドルをアニメーション移動 はコメントを受け付けていません

スライダーのハンドルの位置の数値より大きい方のトラックを着色

投稿日: 2011年6月30日 作成者: alphasis

jQuery UI の Slider プラグインを使ったスライダーの、ハンドルの位置の数値より大きい方のトラックを着色する方法。range オプションの値に「max」を指定する。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider | スライダーのハンドルの位置の数値より大きい方のトラックを着色 はコメントを受け付けていません

jQuery UI の Slider による、数値範囲をGUIで設定するスライダー

投稿日: 2011年6月29日 作成者: alphasis

jQuery UI の Slider プラグインを使い、数値の範囲をGUIで設定するスライダーを作る方法。数値の範囲をGUIで設定するスライダーを作るには、values、min、max、range オプションなどを使う。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider | jQuery UI の Slider による、数値範囲をGUIで設定するスライダー はコメントを受け付けていません

jQuery UI の Slider によるスライダーの初期値、範囲、移動値を設定

投稿日: 2011年6月29日 作成者: alphasis

jQuery UI の Slider プラグインを使ったスライダーの、初期値、最小値、最大値、移動値を設定する方法。初期値、最小値、最大値、移動値の設定には、それぞれ、value、min、max、step オプションを使う。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider | jQuery UI の Slider によるスライダーの初期値、範囲、移動値を設定 はコメントを受け付けていません

jQuery UI の Datepicker のカレンダーによる日付範囲指定フォーム

投稿日: 2011年6月23日 作成者: alphasis

jQuery UI の Datepicker プラグインのカレンダーを使った、日付範囲指定フォーム。 続きを読む →

カテゴリー: Datepicker, GUI, JavaScript, jQuery, jQuery UI, フォーム, 時間 | jQuery UI の Datepicker のカレンダーによる日付範囲指定フォーム はコメントを受け付けていません

日付のフォーマットに応じて入力欄の大きさを自動変更

投稿日: 2011年6月23日 作成者: alphasis

jQuery UI の Datepicker プラグインにおいて、カレンダーからテキスト入力欄（フィールド）に入力した日付のフォーマットを、ドロップダウンリストで選択したフォーマットに変更し、フォーマットに応じて、入力欄の大きさを自動的に変更する方法。 続きを読む →

カテゴリー: Datepicker, GUI, JavaScript, jQuery, jQuery UI, 時間 | 日付のフォーマットに応じて入力欄の大きさを自動変更 はコメントを受け付けていません

jQuery UI の Datepicker のカレンダーをアニメーション動作で開閉

投稿日: 2011年6月23日 作成者: alphasis

jQuery UI の Datepicker プラグインにおいて、カレンダーを開いたり閉じたりするときの、アニメーション動作を、設定する方法。showAnim オプションを使う。 続きを読む →

カテゴリー: Datepicker, GUI, JavaScript, jQuery, jQuery UI, 時間 | jQuery UI の Datepicker のカレンダーをアニメーション動作で開閉 はコメントを受け付けていません
5 / 11« 先頭...34567...10...最後 »

スポンサード リンク