Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」:phpspot開発日誌
Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 2013年03月28日- MagicSuggest Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 Bootstrapなサイトはどんどん増えている中、こうしたコンポーネントも増えていますが、これまた便利そうです。 文字入力でサジェストを提供するものはありきたりですが、最初からBootstrapテーマがかかっており、複数ワードの指定も可能です。 １つサジェストから選択した後に更にinputをすすめると更にサジェスト これからのプラグインはBootstrapテーマにも最初から対応していつつ、レスポンシブな物が沢山の人に使ってもらうには必要不可欠な気がします 関連エントリ UIがカッコいいオートコンプリート実装jQue
jQuery.suggest plugin
Installation Simply include src/jquery.suggest.js in your HTML and you are good to go. npm Since version 1.2.0 you can also install jquery.suggest via npm: npm install jquery-suggest Javascript var haystack = ["ActionScript", "AppleScript", "Asp", "BASIC", ...]; $(function(){ $('#container').suggest(haystack, { suggestionColor : '#cccccc', moreIndicatorClass: 'suggest-more', moreIndicatorText : '&
インラインサジェストを実現するjQueryプラグイン「jQuery.suggest」:phpspot開発日誌
jQuery.suggest plugin インラインサジェストを実現するjQueryプラグイン「jQuery.suggest」 サジェストといえば、ドロップダウンが現れて表示されるのがよく見るサジェスト方式ですが、今回紹介するプラグインを使えば、次のようにインラインでオシャレに内容を補完することができます 入力途中にEnterキーを押せばそのまま補完されます 配列でデータを定義しておいて、次のように suggest メソッドにオプションとして渡すだけです。 ドロップダウンの方が選択肢が沢山あらわれて便利ですが、こっちの方がシンプルで、適している場合もありそうなので覚えておいてもよさそうですね 関連エントリ facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Me
jQuery用プラグイン「Autocomplete」を使って入力補完機能を実装してみる
こんにちは、中川です。 アシアルブログの検索でも利用している、suggest(入力補完)機能、便利ですよね。 以前「jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる」という記事で松田がライブラリ紹介しています。 しかし、「jquery.suggest」ですが、表示が味気なかったり、カスタマイズ面で、若干モノ足りない部分が出てきました。。。 で、補完機能を実装する為のJavaScriptですが、いろいろ探せば結構たくさんでてきまして、その中でも使いやすく、機能も豊富でカスタマイズもしやすいjQueryプラグインの「Autocomplete」というものを見つけましたので紹介したいと思います。 ■ダウンロード先 http://plugins.jquery.com/project/autocompletex ■デモ ※適当にアルファベットを2文字くらい入力
jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる
こんにちは。サイフをなくしてヘコんでいる松田です。 今回はトレイン・トレインで使用することになった、入力補完ライブラリ「jquery.suggest」を使ってみたいと思います。 入力補完機能とは、テキストフィールドにある程度文字を入力すると、その文字が含まれた単語のリストを表示してくれるという機能です。サジェスト機能とも呼ばれます。 Googleサジェストを使ってみればどんなものか分かると思います。 「javascript suggest」などで検索してみると、 ・suggest.js ・AjaxAutoSuggest ・jquery.suggest などなど、いくつか候補が出てきます。 この中から選別したわけですが、suggest.jsはサーバーと通信を行わなずに、最初に読み込んだリストから取り出すだけなのでダメ、AjaxAutoSuggestはデザインが凝り過ぎでトレイントレインの雰囲
フォームの入力補助を行うJavaScript「AutoSuggest jQuery Plugin」
Googleなどの検索では1文字いれると候補が出てきます。 ユーザビリティ向上のため、このようにフォームにも入力補助があると好ましくなります。 JavaScriptのAutoSuggest jQuery Pluginを利用することで簡単に導入できます。 sponsors 使用方法 AutoSuggest jQuery Pluginからjquery.autoSuggest.jsをダウンロードします。 <link rel="stylesheet" href="autoSuggest.css" type="text/css"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.autoSuggest.js"></script> <scr
jQueryで使えるサジェストプラグイン&チュートリアル10選 | Web活メモ帳
WebデザインやWeb開発に使えるオープンソースプログラムを紹介するblogfreakzというブログにてjQueryで使えるサジェストプラグインとチュートリアルが紹介されていました。 「10 Awesome jQuery Autocomplete Plugins & Tutorials」というエントリーから抜粋してご紹介。 A Simple Movie Search App w/ jQuery UI チュートリアル デモ PHPと連携するプラグインです。 How to Use the jQuery UI Autocomplete Widget チュートリアル デモ jQuery UI 1.8を使用するサンプルです。 Facebook Like List auto complete with FCBKcomplete, JQuery and Coldfusion チュートリアル デモ FCB
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Code | Drew Wilson.com