投稿者「alphasis」のアーカイブ

jQuery UI の Button プラグインで、チェックボックスをボタン化

jQuery UI の Button プラグインの buttonset を使い、チェックボックスを、まとめてスタイリッシュなボタンに変身。動作については、通常のチェックボックスと同様で、選択肢の中から複数選択できる。 続きを読む

カテゴリー: Button, JavaScript, jQuery, jQuery UI, フォーム | jQuery UI の Button プラグインで、チェックボックスをボタン化 はコメントを受け付けていません

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

jQuery UI の Button プラグインの buttonset を使い、ラジオボタンを、まとめてスタイリッシュなボタンに変身。動作は、通常のラジオボタンと同様で、選択肢の中からひとつだけ選択できる。 続きを読む

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

jQuery UI の Button プラグインを使ったボタン式メニュー

jQuery UI の Button プラグインの buttonset を使い、アンカー要素(リンクタグ)を、まとめてボタン化したボタン式メニュー。 続きを読む

カテゴリー: Button, JavaScript, jQuery, jQuery UI, メニュー | jQuery UI の Button プラグインを使ったボタン式メニュー はコメントを受け付けていません

jQuery UI の Button プラグインで、ボタン要素のラベルを変更

jQuery UI の Button プラグインの label オプションを使い、ボタン要素のラベルを、変更する方法。 続きを読む

カテゴリー: Button, GUI, JavaScript, jQuery, jQuery UI, フォーム | jQuery UI の Button プラグインで、ボタン要素のラベルを変更 はコメントを受け付けていません

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 はコメントを受け付けていません