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

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

Client side full text search in CSS

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

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

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

» Client-side full-text search in CSS

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *