キーワード検索「select」
190
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」2010年05月26日-jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内...
81
DropKick - a jQuery plugin for beautiful dropdowns スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」 次のようなデザインのドロップダウンが実装できます。大きめなデザインなのでスマフォでも使えます。 テーマは2種類あってホワイトとブラックから選べます マークアップとしては単なるselectなのでJSがおふでも使...
81
jQuery SelectBox plugin デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン。 次のようないい感じのデザインで、かつ、１つのselectボックスを変更すると他のselectボックスの内容を変更できるイベントハンドラの設定が可能。 イベントハンドラに、onOpen, onClose, onChange といったメソッドにその処理を書いておけばカスタマイ...
73
1つのselectボックスに連動させて2個目のselectボックスの内容を変えるjQueryサンプル2010年08月09日-Dynamic Dependent Select Box using Jquery and Ajax 1つのselectボックスに連動させて2個目のselectボックスの内容を変えるjQueryサンプルが公開されています。 これは、国を選んだ後、都市を選ぶような場合に使われま...
70
アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」2010年11月29日-jQuery.superselect アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」。 以下が普通のselect ですが…。 使用後は次のようにファンシーな感じに。 なんかページデザ...
82
セレクトボックスをアンカーっぽくしてスッキリさせられるjQueryプラグイン「Narrative Select」2010年05月12日-JQuery Narrative Select Plugin セレクトボックスをアンカーっぽくしてスッキリさせられるjQueryプラグイン「Narrative Select」が公開されています。 例えば、文章の途中にselect ボックスで選択肢を入れるようなUI...
68
Image Select plugin with jQuery | images select 中身が画像のselectボックスを作るjQueryプラグイン 普通selectの中身といえばテキストが一般的ですが、画像で選ぶことができます。 select内のoptionの値を画像のパスにしておいて、$(element).ImageSelect() のように初期化するだけで使えます 関連エントリ アイ...
70
ボックス間でアイテム移動できるselectボックス実装jQueryプラグイン「multiselect2side」2010年05月24日-Senamion.com - multiselect2side (multiple select double side) plugin: documentation and demo page ボックス間でアイテム移動できるselectボックス実装jQueryプ...
61
結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この スクリプトにはjQueryプラグインとprototype の2つが用意されています。 optionの量が多くなってしまうことはよくあるので、この手のユーザビリティ向上...
60
はじめに 第3回「フォーム入力に役立つjQueryプラグイン」では、第1回「jQuery UIのインタラクションを使ってみよう」でも簡単に触れた、jQuery Pluginのフォーム入力にフォーカスを当て、Input Hint Overlay、Text input field filter、jQuery Validation、Simplest Twitter-like dynamic charac...
50
selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」 2011年04月26日- selectList jQuery plugin - Examples - odyniec.net selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」 selectボックスでアイテムを選択していくと...
51
独自デザインselectボックス実装時に使えそうなjQueryプラグイン「EasySelectBox」 2011年06月20日- Easy Select Box | Codefleet 独自デザインselectボックス実装時に使えそうなjQueryプラグイン「EasySelectBox」 独自デザインのselectというとちょっと面倒に感じてしまいますが、簡単に独自デザインにすることができます。 ...
44
良さ気だったので備忘録として。フォーム のselectで複数選択可能にする事もある と思いますが、これを見やすく、また、直感 で使いやすくする為のjQueryプラグイン。 IE6や7でも普通に動いてくれますので、 いろいろと使いどころがありそうです。 フォーム周りは覚えておくと便利ですよね。 jQuery UI Multiselectは複数選択するselectを見やすく使いやすくしてくれます。jQ...
55
![[JS]IEでフォームのselect要素の中身が省略されてしまうのを解消するスクリプト -ieSelectWidth | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ie-select-width.html)
IEでフォームのselect要素にwidthを指定した際、はみ出した箇所が省略されてしまうのを解消するスクリプトを紹介します。Internet Explorer Select Width Bug Workaround デモページ対応ブラウザは2010年6月17日の時点でIE6, 7, 8で、スクリプトを使用すると他のブラウザ（Firefox, Chrome, Safari, Opera）と同様に省...
50
07:48 | 昨日に引き続き、いざ！part2なのだ。前回では node.js と v8 の結びつきまでを書いたので、今日は Non-Blocking I/O の話を。 Non-Blocking I/O という言葉からブロックしない I/O をイメージするのはたやすい。でもこれを実現しようとなるといろいろとまあ面倒くさいんだよね。それを解決する常套手段で言うとファイルディスクリプタ（ネットワーク...
44
![[CSS]ビューポートのサイズに合わせてナビゲーションの形状を変更するテクニック | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-convert-menu-to-dropdown-by-css-tricks.html)
ビューポートのサイズに合わせてスタイルシートを適用するMediaQueriesを利用して、ナビゲーションの形状を変更するテクニックを紹介します。 デモページ：スクリーンサイズが960pxより小さい時の表示 以下は各ポイントを意訳したものです。 実装 これら2つのナビゲーションを実装するには、ul要素とselect要素の2つが必要です。 HTML：Step 1 まずは、nav要素内にul要素とsel...
37
編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」 2011年09月09日- Editable Combo Box | jQuery Plugins 編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」。 HTML標準では編集できるコンボボックスというのは存在せず自分で作る必要がありますが、このjQueryプ...
34
フォームのserect要素で、直感で複数選択 出来るようにするjQueryプラグイン。複数 選択できるようにしたい場合は多くの場合は 選択項目が多く、Ctrlを使わせるのはあまり ユーザーフレンドリーとは言えませんので、 簡単に選べるようにする、というもの。 同じように複数選択を簡略化する方法は既出ですが、まぁ選択肢を増やすつもりで。IETesterでのIE6でも動作確認出来ました。 jquery...
32
シンプルで使いやすそうだったので 備忘録。Media Queriesと併用して、 ナビゲーションリンクをselect要素 に変換するjQueryのプラグインです。 圧縮版だと300kbほどと、超軽量で、 様々なブラウザにも対応できるので 覚えておこうと思います。 ウィンドウサイズが設定したブレークポイントに達するとli要素で作ったナビゲーションがselect要素に変わってくれるので、スマフォのよう...
28
select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」2010年07月08日-Mega Select List Example select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」。 通常のselectボックスというと以下のようなおなじみのデザインです。 MegaMenuを使うと、li...
