Как сделать живой поиск элементов на статичной странице?

Question

[Сергей Ганин]

Поиск ищет элементы с нужным содержание и меняет порядок элементов на странице в зависимости от набора букв. На статичной странице. Без использование сторонних технологий. Только JS HTML CSS. Может библиотеки для этого есть какое? Тестовое задание такое.

Answer 1

[Igor Kalashnikov]

AngularJS делает это как два пальца :)

поглядите внизу страницы пример:
https://docs.angularjs.org/api/ng/filter/filter

Comments

[Сергей Ганин]

Нужна помощь, не могу понять как сделать кнопку для фильтрования.
jsfiddle.net/SergeyGuns/043kyscL
Подскажите пожалуйста.

[Igor Kalashnikov]

dohera: я бы использовал не кнопку а option или какой-нибудь другой селектор(radiobutton например), чем меньше кнопок тем чище смотрится интерфейс(имхо)

вот с option: https://jsfiddle.net/043kyscL/2/

[Сергей Ганин]

Ihor Kalashnikov: задание такое, мне тоже кнопки не нравятся.

[Сергей Ганин]

Ihor Kalashnikov: а анимировать как то можно?

[Сергей Ганин]

Ihor Kalashnikov: https://jsfiddle.net/043kyscL/2/
тут вроде должно быть все просто, чёто не так.
www.nganimate.org

[Igor Kalashnikov]

dohera: Transitions/Animations - true way,
я бы рекомендовал поглядеть: trochette.github.io/Angular-Design-Patterns-Best-P... Гениально сделанные бест-практисы, само приложение сделано в соответствии с ними, ну вы поймете.

[Сергей Ганин]

Ihor Kalashnikov: спасибо, обязательно гляну. Как доберусь до ПК.

Answer 2

[Олег Титаренко]

Jquery autocomplete и еще можно применить Ajax