Javascript Поиск

Question

Я хотел бы добавить поиск по имени людей на моем сайте.Список друзей уже отображается на странице.

Мне нравится, как Facebook делает это, когда вы начинаете вводить имя, а Facebook отображает только ваших друзей, которые соответствуют запросу.

http://cl.ly/2t2V0v2Q103X2G1V080R и http://cl.ly/0R1j0B2n1s3y413i0a34

Есть идеи по реализации этого?

Answer 1

Не уверен, что автозаполнение это то, что вам нужно. Я не знаю много плагинов jquery. Как это довольно просто, я пойду за пользовательский код. Если у вас много элементов в DOM, вам нужно создать кеш для более быстрого вычисления.

И вы можете получить код и посмотреть живую демонстрацию здесь: http://xilinus.com/demos/instant-search-a-la-facebook/index.html

Answer 2

Я бы использовал плагин jQuery для этого. jQuery - это библиотека js, которая делает жизнь лучше и поддерживает плагины. Плагин tableFilter делает это с минимальным количеством кода. Если по какой-то причине вам это не нравится или оно не работает, есть еще много доступных.

Answer 3

Используйте JQuery Autocomplete - но БУДЬТЕ ПРЕДУПРЕЖДЕНЫ: если вы ищете "jquery autocomplete", вы получите устаревшую версию.

НЕ ИСПОЛЬЗУЙТЕ первую страницу результатов Google - этот автокомпетент устарел и перемещен в расширение jQuery UI для jQuery. Документы, которые вы хотите, здесь:

http://docs.jquery.com/UI/Autocomplete

Answer 4

Насколько я понимаю, вы хотите создать средство автозаполнения, подобное тому, которое есть у Facebook. Для этого у вас есть 3 варианта:

1. создайте свой собственный автозаполнение, используя javascript
2. использовать существующую реализацию, предлагаемую фреймворком javascript, таким как prototype / scriptaculous или jquery (например, ajax.autocompleter , jquery autocomplete )
3. поиск в Интернете других реализаций на основе стиля автозаполнения facebook (, как этот )

Надеюсь, это поможет;)