Movatterモバイル変換


[0]ホーム

URL:


phpspot開発日誌

PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報をお届け

  • HOME
  • このブログについて
  • モバイル版
  • RSSフィード
  • Twitter
  • メルマガ
  • phpspot
  • PHPエディタ
  • PHP入門
  • PHPサンプル集
  • PHPスクリプト
  • PHPレンタルサーバー
  • JavaScriptist
  • JavaScript入門
  • JavaScript逆引きサンプル集
  • JavaScriptリファレンス
前の記事 ≪:2011年6月27日 管理人のブックマーク
次の記事 ≫:超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js...

クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」

2011年06月28日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
DocumentCloud's VisualSearch.js

クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」
検索ボックスというとどのサイトも<input type="text">があってCSSで修飾されていたりオートコンプリートが付いていたりするものですが、今回紹介する検索ボックスはそれらをもうちょっと進化させたものになっています。検索条件など細かくをいれてもらうような場合、フォームが巨大になってしまったりしますが、その心配はありません。1つの検索ボックスで完結します。

検索ボックスがあります

 

入力するとフィルタの候補が現れます

Enterで補完されます



条件を入れていきます



×ボタンで条件は消せますし、条件の上でクリックすればそのままオートコンプリートが走ります





日付の指定なども検索ボックス上で完結させられます


こうした検索ボックスが合わないサイトもあると思いますが、ちゃんと考えることで検索ボックス1個だけでもなかなか便利なものに出来ることがわかりますね。

関連の記事検索:jQuery,フォーム,Webデザイン,Web制作
スポンサード リンク

By.KJ : 2011年06月28日 09:00livedoor Readerで購読Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)

TOPICS OF THIS BLOG
jQueryPhotoshopPHPHTML5CSSJavaScriptデザインWebサービスアイコンWordPressフォント
Advertisements
忘却曲線を使った記憶アプリ
忘却曲線に基づく記憶アプリ「reminDO」
占いツクールで占い作成!
占いツクールで簡単占い作成
プログラマ占い脳内メーカー等
広告掲載
phpspotにて広告掲載
SITE PROFILE
phpspot twitter
Twitterはじめました
はてブ総数

最新のブログ記事(新着順)

 | ↑ページの先頭へ|プライバシーポリシー|お問い合わせ| copyright © phpspot開発日誌

[8]ページ先頭

©2009-2025 Movatter.jp