クライアントサイドで全文検索を実現する方法

SPONSORED LINK

Pocket

ちとメモしておこう。CSSとJavaScriptを駆使してクライアントサイドで全文検索する方法ですな。

Client side full text search in CSS

↑ こんな感じでインクリメンタル検索ができます。

仕組みは簡単で、全文をCSSのデータ属性に突っ込んでおいてJSでごにょごにょするだけですな。JSの方で「:not」使っているのが新しい感じです。

ちょこっと検索フォームを作りたいけど、サーバーと通信するのはどうもね・・・という時もあるかと思いますので参考にしてみてるといいかと思います。

» Client-side full-text search in CSS

ツイッターもやっています!

SPONSORED LINK

  • Trackback are closed
  • Comments (0)
  1. No comments yet.