БЛОГ
uCoz, скрипты, всякое 
БЫСТРЫЙ И УДОБНЫЙ ПОИСК
 Поиск, ajax поиск  19.01.2011, 18:39  |
Расскажу сегодня о том, как усовершенствовать обычный поиск по сайту - сделать его быстрым и удобным.
Начну с примера
Посмотреть его можно на сайте uWork.me.
А работает он так: пользователь вводит поисковой запрос, нажимает Enter, либо «Искать» и через несколько секунд ему выводятся результаты. Обновление страницы не происходит.
Сделать это можно так:
1. Идём в Панель управления, в шаблон страницы поиска и заменяем там код:
<div style="padding: 0pt 0pt 5px;">$SEARCHFORM$</div><div style="border: 1px inset ; padding: 4px; margin-bottom: 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b> ($SEARCH_TIME$ секунд)<!--</s>--></div>
$BODY$<div align="center">$PAGE_SELECTOR$</div>
На:
<div class="search_content"><div style="padding: 0pt 0pt 5px;">$SEARCHFORM$</div><div style="border: 1px inset ; padding: 4px; margin-bottom: 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b> ($SEARCH_TIME$ секунд)<!--</s>--></div>
$BODY$<div align="center">$PAGE_SELECTOR$</div></div>
2. Загружаем этот скрипт к себе на сайт, в папку js.
3. Вставляем в шаблон поиска после <body> следующий код:
<script type="text/javascript" src="/js/search.js"></script>
Всё, готово
Начну с примера
Посмотреть его можно на сайте uWork.me. А работает он так: пользователь вводит поисковой запрос, нажимает Enter, либо «Искать» и через несколько секунд ему выводятся результаты. Обновление страницы не происходит.
Сделать это можно так:
1. Идём в Панель управления, в шаблон страницы поиска и заменяем там код:
<div style="padding: 0pt 0pt 5px;">$SEARCHFORM$</div><div style="border: 1px inset ; padding: 4px; margin-bottom: 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b> ($SEARCH_TIME$ секунд)<!--</s>--></div>
$BODY$<div align="center">$PAGE_SELECTOR$</div>
На:
<div class="search_content"><div style="padding: 0pt 0pt 5px;">$SEARCHFORM$</div><div style="border: 1px inset ; padding: 4px; margin-bottom: 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b> ($SEARCH_TIME$ секунд)<!--</s>--></div>
$BODY$<div align="center">$PAGE_SELECTOR$</div></div>
2. Загружаем этот скрипт к себе на сайт, в папку js.
3. Вставляем в шаблон поиска после <body> следующий код:
<script type="text/javascript" src="/js/search.js"></script>
Всё, готово
В сети множество сервисов есть.