incsearch.js

サンプル4:ブックマーク表示の簡単なサンプル

incsearch.js(IncSearch.ViewBookmark)を使った、ブックマーク一覧からインクリメンタルサーチを行う簡単なサンプルです。

incsearch.jsの説明は、「incsearch.js - インクリメンタルサーチライブラリ」を参照ください。


サンプル

下記に入力すると、ブックマーク一覧から部分一致で検索し、一致する列を表示します。(スペース区切りで複数入力可)

  


サンプルの内容

new IncSearch.ViewBookmark(
  'text',      // 入力が行われるエレメントのID
  'view_area', // 検索結果を表示するエレメントのID
  list,        // 検索対象のリスト
  {            // オプション
    startElementText: '<table><tr><th width="50%">Title</th><th width="30%">Tags</th><th width="20%">Date</th>'
  })
  • ブックマーク表示(IncSearch.ViewBookmark)のサンプルです。