「jQuery UI」カテゴリーアーカイブ

jQuery UI についてのカテゴリ。jQuery UI とは、jQuery公式のユーザインターフェース（UI）用ライブラリのこと。jQuery UI を使うと、UIを駆使した、高度なインターネットアプリケーションを作ることができる。CSSテーマなどもあらかじめ用意されているので、特別なことをしなくても、ある程度のことは出来てしまう優れものだ。

jQuery UI の Tabs による、タブ名クリックで開閉するタブメニュー

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

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、タブメニュー名をクリックすると、そのタブの内容を開き、再度クリックすると、タブの内容を閉じる（折りたたむ）ようにする方法。タブメニュー名をクリックすることで、開閉するようにするには、collapsible オプションの値に、true を指定。 続きを読む →

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs による、タブ名クリックで開閉するタブメニュー はコメントを受け付けていません

jQuery UI の Tabs プラグインを使ったマウス・オーバー・タブ・メニュー

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

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、タブメニューにカーソルを合わせると、タブの内容を開くようにする方法。マウス・オーバー・タブ・メニューにするには、event オプションの値に、mouseover を指定する。 続きを読む →

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs プラグインを使ったマウス・オーバー・タブ・メニュー はコメントを受け付けていません

別ファイルをタブの内容に表示させる Ajax 系タブメニュー

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

jQuery UI の Tabs プラグインで作るタブ型メニューにおいて、ajax で別ファイルを、タブの内容に表示させる方法。サンプルの、 「タブメニュー①」は、通常のタブ。 「タブメニュー②」は、別ファイルを読み込んで表示。 「タブメニュー③」は、指定したファイルが見つからなかったときの表示。 続きを読む →

カテゴリー: Ajax, JavaScript, jQuery, jQuery UI, Tabs, メニュー | 別ファイルをタブの内容に表示させる Ajax 系タブメニュー はコメントを受け付けていません

jQuery UIの Tabs と Slider プラグインによるスライダー付タブメニュー

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

jQuery UIの Tabs プラグインと Slider プラグインを使ったスライダー付タブメニュー。スライダーで、タブメニューを切り替えることができる。スライダーのトラック上のハンドルをドラックして、トラック上を移動させると、タブも切り替わる。 タブを切り替えると、スライダーのハンドルも移動する。 続きを読む →

カテゴリー: JavaScript, jQuery, jQuery UI, Slider, Tabs, メニュー | jQuery UIの Tabs と Slider プラグインによるスライダー付タブメニュー はコメントを受け付けていません

jQuery UI の Slider プラグインによるスライダーを使ったカラーピッカー

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

jQuery UI の Slider プラグインによるスライダーを使ったシンプルなカラーピッカー。赤、緑、青の3つのいづれかのスライダーを動かすと、右のオレンジ色のボックスの色が変化する。同時に、「HEX：」の右横のHEXカラーコードの値と、「RGB：」の右横のRGBカラーモデルの値も変化する。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider, 色 | jQuery UI の Slider プラグインによるスライダーを使ったカラーピッカー はコメントを受け付けていません

jQuery UI の Dialog プラグインのダイアログをページ読み込み時に表示

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

jQuery UI の Dialog プラグインにおいて、ページを読み込むと、自動的に、ダイアログを表示させる方法。ページ読み込み時に、自動表示させるには、autoOpen オプションに、true を指定する。ページを読み込むと、ダイアログを、ブラウザの上から100px、左から350pxの位置に表示。 続きを読む →

カテゴリー: Dialog, JavaScript, jQuery, jQuery UI | jQuery UI の Dialog プラグインのダイアログをページ読み込み時に表示 はコメントを受け付けていません

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, アニメーション | スライダー上のクリックした場所へハンドルをアニメーション移動 はコメントを受け付けていません
13 / 23« 先頭...1112131415...20...最後 »

スポンサード リンク