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

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

jQuery UI の Button プラグインで、ボタン要素にアイコンを付加

jQuery UI の Button プラグインを使い、ボタン要素にアイコンを付加する方法。テキストを消して、アイコンだけにしたり、テキストの左側だけにアイコンを付加したり、テキストの左右両側にアイコンを付加したりできる。 続きを読む

カテゴリー: Button, GUI, JavaScript, jQuery, jQuery UI | jQuery UI の Button プラグインで、ボタン要素にアイコンを付加 はコメントを受け付けていません

jQuery UI の Button プラグインによるスタイリッシュなボタン

jQuery UI の Button プラグインについての記事。jQuery UI の Button プラグインを使い、ボタン要素、フォームの送信ボタン、アンカー要素(リンクタグ)を、スタイリッシュなボタンに変身させる。 続きを読む

カテゴリー: Button, GUI, JavaScript, jQuery, jQuery UI, フォーム | jQuery UI の Button プラグインによるスタイリッシュなボタン はコメントを受け付けていません

スクロールバーを出現させるオートコンプリート

jQuery UI の Autocomplete プラグインを使った、オートコンプリート(自動入力補完)機能についての記事。文字列候補がたくさんある場合、スクロールバーを出現させるタイプ。 続きを読む

カテゴリー: Autocomplete, JavaScript, jQuery, jQuery UI, フォーム | スクロールバーを出現させるオートコンプリート はコメントを受け付けていません

jQuery UI の Autocomplete プラグインによるオートコンプリート

jQuery UI の Autocomplete プラグインを使った、オートコンプリート(自動入力補完)機能についての記事。予め用意した文字列から、入力欄に入力した文字を含んでいる文字列を探し出し、入力欄の下に表示させることができる。表示された文字列候補を選択すると、入力欄に現れる。 続きを読む

カテゴリー: Autocomplete, JavaScript, jQuery, jQuery UI, フォーム | jQuery UI の Autocomplete プラグインによるオートコンプリート はコメントを受け付けていません

jQuery UI の Droppable プラグインの accept オプション

jQuery UI の Droppable プラグインの accept オプションを使う。accept オプションは、指定した要素のみを、受け入れるようにするオプション。 続きを読む

カテゴリー: Droppable, GUI, JavaScript, jQuery, jQuery UI | jQuery UI の Droppable プラグインの accept オプション はコメントを受け付けていません

jQuery UIのDroppableのactiveClass、hoverClass、addClass

jQuery UI の Droppable プラグインの activeClass と hoverClass と addClass オプションを使う。ドラッグして移動できるボックスを、動かすと、ドロップできるボックスのスタイルが変化する。ドロップボックス上へ移動すると、スタイルがさらに変化する。 続きを読む

カテゴリー: Droppable, GUI, JavaScript, jQuery, jQuery UI | jQuery UIのDroppableのactiveClass、hoverClass、addClass はコメントを受け付けていません

jQuery UI の Droppable プラグインの addClass オプション

jQuery UI の Droppable プラグインの addClass オプションを使う。ドラッグして移動できるボックスを、ドロップできるボックスへドロップすると、ドロップできるボックス内の文字とスタイルを変える。 続きを読む

カテゴリー: Droppable, GUI, JavaScript, jQuery, jQuery UI | jQuery UI の Droppable プラグインの addClass オプション はコメントを受け付けていません

jQuery UI の Droppable プラグインによるドロップできるボックス

jQuery UI の Droppable プラグインを使った、ドロップできるボックスについての記事。Droppable プラグインのオプション(Options)やイベント(Events)などについても。 続きを読む

カテゴリー: Droppable, GUI, JavaScript, jQuery, jQuery UI | jQuery UI の Droppable プラグインによるドロップできるボックス はコメントを受け付けていません

ドラッグ&ドロップで新たな項目を並び替えられるリストへ追加

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスと、jQuery UI の Sortable プラグインを使った、並び替えられるリストとの併用。併用することにより、ドラッグ&ドロップで、新たな項目を、並び替えられるリストへ、追加できる。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI, Sortable | ドラッグ&ドロップで新たな項目を並び替えられるリストへ追加 はコメントを受け付けていません

ドラッグ移動ボックスにおける、移動中のスクロール可否設定

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおける、ボックス移動中のスクロール可否設定。ウィンドウや親要素を、スクロールさせたくない場合、scroll オプションに false を指定。スクロールさせたい場合、scroll オプションに true を指定。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動ボックスにおける、移動中のスクロール可否設定 はコメントを受け付けていません

スポンサード リンク