Autosuggest или автозаполнение полей форм — отличное средство для облегчения работы клиентов при поиске или вбивании однотипных или повторяющихся данных в формы. Введённый в широкие массы благодаря Google suggest, эта техника быстра нашла поддержку среди web-разработчиков и добавила проблем тем кто отвечает за стабильность и архитектуру инфосистем во многом из-за увеличившийся в разы нагрузке на полнотекстовый поиск по базе данных.
В данной статье я рассматриваю готовое решение от
BrandSpankingNew, которое вероятно многие уже могли видеть на том же
iconfinder.net, а теперь и на
aleria.net.BSN Autosuggest 2.1.3 представляет из себя лишь набор css, изображений и js-обработчика. Установка очень простая. Необходимое input-поле обязательно должно иметь id параметр. После этого подгружается js и css. В самом конце создаётся инициализирующий объект, который в свою очередь привязывает к полю event-ы и занимается всей работой по получению сформированного ответа на запрос поиска.
Инициализирующий объект с настройками: var suggest = new bsn.AutoSuggest('search_input', {
script:"search.php?",
varname:"q",
json:true,
shownoresults:false,
maxresults:5
});Как можно видеть из настроек — мы привязываем к полю search_input автозаполнение, а всю процедуру поиска выполняет скрипт search.php. Он может выдавать результаты как в JSON, так и в XML формате, но поскольку нет необходимости в универсальном выводе (id,value,info прошиты в js), JSON можно сгенерировать и просто как строчки без полной трансформации php-объектов в JSON.
Результат поиска в JSON-формате: <code>{ results: [<br /> { id: "1", value: "Foobar", info: "Cheshire" },<br /> { id: "2", value: "Foobarfly", info: "Shropshire" },<br /> { id: "3", value: "Foobarnacle", info: "Essex" }<br />] }</code>Не забудьте ограничить размер слова хотя бы до 3-х букв. Скрипт сам сгенерирует div и установит его под полем, а дальше уже можно будет нажимая клавиши выбирать подходящий результат.
«XML» Курт Кэгл и Ко. Рекомендовали как книгу для начинающих. К сожалению о ней сказать ничего не могу, т.к. сам не видел отзывов о ней.
В пять утра понедельника, за 109 часов до начала продаж iPhone в США, 43-летний Грэг Пакер, вооружившись складным стулом и портативным холодильником с едой и напитками, занял очередь к «стеклянному кубу» — флагманскому магазину Apple на 5-й Авеню в Нью-Йорке (на снимке — магазин в сумерках). Дорожный рабочий из Хантингтона, штат Нью-Йорк, Пакер — профессиональный «первый очередник», более 100 раз оказывавшийся первым в очереди на громких мероприятиях и встречах со знаменитостями. Вслед за Пакером по всей Америке от океана до океана в очереди у магазинов Apple и AT&T выстроились тысячи.
В мире все примерно распределяется в соответствии с принципом Паретто. Меньшая часть — богатые, большая часть — бедные (читающий, ты входишь в золотой миллиард). Тоже касается и материалов о программировании. Порой очень сложно найти хоть что-нибудь не начального уровня.
Вы PM. Как узнать – готова ли вёрстка к реальному использованию?
