[JS]フォームのセレクトボックスを拡張するjQueryのプラグイン -jQuery MultiSelect
セレクトボックスの項目にチェックボックスを設置し、複数項目の選択を操作しやすくするスクリプトをerichyndsから紹介します。 jQuery MultiSelect Plugin デモページ デモでは上記のベーシックなタイプをはじめ、Optgroupに対応したもの、スタイルシートでデザインを変更したもの、一括操作ができるものなどがあります。 スクリプトのオプションでは、ヘッダの有無、高さの上限、表示位置、シャドウの有無、フェードのスピードなどが変更できます。 jQuery MultiSelect PluginはjQueryのプラグインのため、実装にはjquery.jsが必要です。
jQueryによるフォームのデザインの基礎（前編） (1/3)
前回まではjQueryの基本的な使い方である、「セレクターで(X)HTML要素を指定し、イベントが発生したタイミングで(X)HTMLやCSSを書き換える」プログラムの書き方を紹介してきました。jQueryにはほかにも、Webページを使いやすくする便利な機能が用意されています。今回からは、これまでに触れていない特別な機能を紹介していきましょう。 第8回は、「問い合わせフォーム」など、商用サイトには欠かせない(X)HTMLフォームをjQueryで制御する方法です。jQueryには、1．フォーム部品の値を取得・変更する命令、2．フォームに関するイベントの処理、2．フォーム部品を選択するセレクター――といったフォーム関連の機能が揃っています。 1.フォーム部品の値を取得・変更する命令 フォームを操作する専用の命令が、val() です。val() を使えば、フォームに入力／選択されている値を取得した
jQuery coreUISelect
jQuery coreUISelect jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher GitHub Page Download ZIP Available Features: Full customization Optiongroup support Automatic calculations Keyboard support Powerful callback functions Compatible with mobile devices Support jScrollPane plugin for customize default scrollbar Default settings
[JS]セレクトボックスの使い勝手をパワーアップするスクリプト -Select2
セレクトボックスを美しいデザインにするだけでなく、各アイテムに画像を配置したり、タグやプレースホルダテキストや検索の対応、セレクトボックスのコントロールなど、さまざまなことができるjQueryのプラグインを紹介します。 Select2 GitHub [ad#ad-2] Select2の対応ブラウザ Select2のデモと実装 Select2の対応ブラウザ Select2の対応ブラウザは下記の通りです。 IE8+ ※IE7はz-indexを使った一部のものにバグあり。 Chrome8+ Firefox3.5+ Safari3+ Opera10.6+ Select2のデモと実装 各デモとともに実装方法を紹介します。 jQueryは1.7+推奨で、1.4.2から対応しています。 デモ：ベーシック（上：既存、下：Select2適用） まずは、ベーシックなデモから。 下記のシンプルな記述で、既存のセ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://digital-moon.net/wp/jquery/jquery%E3%81%A7%E3%82%BB%E3%83%AC%E3%82%AF%E3%83%88%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/
Facebook
