ホームズ:高速ページ検索
Holmes は、ページ上のコンテンツを簡単に検索できるツールです。 大量のコンテンツを含むページがある場合、ホームズは、訪問者が入力フィールドに入力して、検索クエリに一致するコンテンツのみを自動的に残すことができる非常に便利なツールになります。
開発者: Haroen Viaene
インストール
npmのインストール:
npm install holmes.js --save
バウアーのインストール:
bower install holmes.js --save
次に、 Browserify などのツールを使用して、プロジェクトにホームズを含めることができます。
また、display:noneを設定するhiddenという名前のCSSクラスが定義されていることを確認してください。 このクラスは、検索クエリに一致しない要素を非表示にするためにホームズによって使用されます。
使用法
使い方はとても簡単です。 ホームズをインスタンス化し、入力用のセレクターと個々の可能な結果用のセレクターを定義します。 それ以上に簡単になることはありません!
$( document ).ready(function() {
holmes({
input: 'input.narrow-down',
find: 'div.single-card'
})
});
プレースホルダー、クラス、動的、コンテンツ編集可能、インスタントなど、操作できる追加のオプションもいくつかあります。