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
Autocomplete | jQuery UI
Autocomplete Enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering. The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try. The datasource is a simple JavaScript array, provided to the widget using the source
【jQueryプラグイン】 jquery.ajaxSuggest.js を公開しました。 - すたら日記
※ 更新終了 ajaxComboBoxへ合流しました。 Updating is closed. This plugin was unified with "jquery.ajaxComboBox". jquery.ajaxComboBox simple mode: http://www.usamimi.info/~sutara/ajaxComboBox/#sample07 Latest version : 1.5.4 (2012/02/10) jQuery 1.7以降で動作します 目次 (Contents) → デモ、ダウンロード (Demo, Download) → 特徴 → 設置方法 → オプション → 更新履歴 デモ、ダウンロード (Demo, Download) 【デモ (Demo)】 ajaxSuggest【日本語版】 (for Japanese) ajaxSuggest【英語板
入力補助でユーザーの負担を減らそう 予約語を表示するtangoHokan.js :: 5509
どんな場面でもフォームの項目入力はどうしても面倒くさいもの。 ある程度決まった単語が入力されるとわかっているなら よく使う単語を表示して選べれば便利ですよね。 tangoHokanはINPUT入力時に予約語を表示して 少しでもユーザーの負担を減らすための補助スクリプトです。 また入力文字に応じて予約語から絞り込みができます。 Google検索のような予測ではないですが 使い方次第ではシステム連携でそれらしいこともできると思います。 サンプルを見る サンプルファイルをダウンロードする 導入方法 tangohokan.cssとjQuery、tangohokan.jsをHTMLヘッダで読み込む HTMLを記述しておく 例えば以下のような入力項目を用意します。 各INPUT要素にはIDが必須になります。 さらにIDは予約語を引っ張る際のキーになるので半角英数字(頭文字は数字不可)にします。 結局実
【デモ】jquery.ajaxComboBox.js 3.2
2009/12/7 => English version サーバサイド : PHP5 DB : SQLite2 文書宣言 : XHTML 1.0 Transitional(標準モード) 目次 基本的な使い方 基本 候補リスト・隣接ページの表示数を変更 ページナビをシンプルに サブ情報を表示 基本 表の項目名を変更 サブ情報の表示カラムの設定 サブ情報の非表示カラムの設定 セレクト専用 基本 送信する値のカラムを変更 ミニサイズ 基本 サブ情報 セレクト専用 パッケージ 基本 サブ情報 セレクト専用 ミニサイズ 初期値設定 基本 セレクト専用 パッケージ CakePHP用 基本 外部キーのフィールド用 パッケージ 基本的な使い方 基本 第1引数にAjax送信先のファイル名を、 第2引数にオプションを設定します。 都道府県: $('#ac01_01').ajaxComboBox( 'acbo
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ではじめるAjax：第2回 jQueryによるAjax実装｜gihyo.jp … 技術評論社
第1回ではJSONPによるAjax実装を取り上げましたが、今回はそこで使ったJSONという表記法と、JSONPというAjax実装手法について解説します。また、jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに？ JSONとは、JavaScript Object Notationの略称です。ECMAScript言語 ECMA-262をベースに作られた、Javascriptオブジェクトの表記法のサブセットです。 JSONは、名前と値のペア、および、順序付きの値という2つのシンプルな構造に基づいて、構造化データを簡潔に表現することができます。 オブジェクト（名前と値のペアの集まり） JSONでオブジェクトを表現するには、メンバを「{」と「}」で囲みます。複数のメンバは「,」で区切られます。例えば、名前が「color」、値が「green」というメンバを持つオブジェク
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ページを開く
http://www.idocsq.net/page/291
http://www.idocsq.net/page/290
jQuery.suggestをIEの日本語に対応 | to-R
Code | Drew Wilson.com