EmojiOne Area - jQuery製の絵文字ピッカー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 絵文字はここ数年で一気に使われるようになってきました。チャットサービスはもちろん、コメントで使われたり、iOS/Androidのようにキーボードの中で提供されるようにもなっています。コミュニケーションの基本にさえなっていると言えそうです。 そんな絵文字をWeb上で使いやすくするのがEmojiOne Areaです。ぜひ自分のサイトに組み込んでみましょう。 EmojiOne Areaの使い方 デモです。テキストエリア、テキストボックスに絵文字アイコンが表示できます。 右上のアイコンをタップすると一覧が出ますので、ここからアイコンを選択できます。 オートコンプリートもあります。 EmojiOne Areaでは自動補完はしないようにしたり、特定のカテゴリを非表示するようなオプションも指定で
Autocomplete-Table by vyasrao
Autocomplete - Table One major challenge we faced in autocomplete was to display the data in a tabular format. When there are many rows of information available, it was difficult to display the relevant data of a row next to each other. This forced to develop a JQuery plugin which can display the relevant information in a table format. Advantages Display details in n number of columns Filter by ke
flexselect: a jQuery plugin
What? Flexselect is a jQuery plugin that turns select boxes into flex-matching incremental-finding controls. Think of it as Quicksilver squished into a select box. Download, view the examples, and enjoy. It uses the LiquidMetal scoring algorithm to narrow the selection. Examples On the left is a traditional select box. On the right is a flexselect control. Just start typing to narrow the selection
任意のテキストを手軽にオートコンプリートとして実装できるjQueryプラグイン・Completer
送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。 簡単にオートコンプリート機能を付与できるスクリプトです。ファイルサイズは非圧縮で10KBほど。jQueryに依存しています。 文字を入力すると、いくつかのメールアドレスが候補として表示されます。 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="completer.min.js"></script>本体とプラグインを読み込みます。 <input type="text" completer data-separator="@" data-source="['gmail.com', 'live.com', 'yahoo.ne.jp', 'i.so
Googleマップを、オートコンプリート機能付きで検索出来るようにするシンプルなjQueryプラグイン・Geocomplete
Googleマップをオートコンプリート機能付きで検索出来るようにする、というスクリプトのご紹介。シンプルで良さそうですね。jQueryに依存します。 検索可能なGoogleマップをWebサイトに設置した際に、オートコンプリート機能を付けたもの。情報量の多い地図コンテンツとは相性ピッタリですね。 検索出来るGoogleマップ向けのキーワード補完スクリプトです。便利。 上記のように入力中に該当キーワードが表示されます。 <script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <scri
textareaでオートコンプリート機能を実装するjQueryプラグイン・jQuery.textcomplete
textareaでオートコンプリート機能を実装するスクリプト・jQuery.textcompleteのご紹介。デモではコメント投稿で絵文字を使う、みたいなケースが紹介されています。 textareaでオートコンプリート機能を実装する、というもの。使いどころは限られそうですが、コンテンツ次第では便利なスクリプトですね。 こういうの。上記例では絵文字を打つのにコロンで括るので、コロンを打つとオートコンプリートで候補を出してくれるようになっています。 jQueryは1.7以降を使うように、との事。 $('textarea').textcomplete(strategies);セレクタを指定して呼びだすテキストを作っていきます。 デモではコロンを正規表現で判別して事前に作ってあったテキストをオートコンプリートとして実装、アイコン付きに置換してるみたいですね。詳細はGithubに書かれています。 ラ
http://jautochecklist.googlecode.com/svn/doc/index.html
jAutochecklist is a jQuery plugin that help you to create an user-friendly HTML list which can be used to replace the old tradition select list Copyright ©2013 Thanh Trung NGUYEN <flyingangel1987@gmail.com> Released under MIT License Changelog Why use jAutochecklist User-friendly UI and interaction Fast searching with autocomplete HTML support for contents No limitation for nested group of values
スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン:phpspot開発日誌
jQuery Mobile Autocomplete now available - andy matthews スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン。 スマホではアプリなんかでよく見られるオートコンプリートですが、スマホ用WEBサイトにこれを組み込みたいといった場合にこれが使えそうです。 デザインも良い感じですね 関連エントリ jQueryMobileよりも軽くて使いやすそうなモバイルサイト作成フレームワーク「jQ.Mobi」 Android風の日付ピッカー実装用jQueryMobileウィジェット「Mobi Pick」 スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
GitHub - devbridge/jQuery-Autocomplete: Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields