ОПИСАНИЕ:
Установив данный скрипт, у вас будет компактное поле для ввода запроса, введя запрос в которое и нажав ENTER, в считанные секунды под формой запроса появятся первые 15 результатов (Как правило, самые точные). Также, если Вас не удовлетворил ни один из 15 результатов, можно нажать имеющуюся кнопку все результаты, и перейти ко всем результатам поиска.
УСТАНОВКА:
1. Для начала, настройте модуль поиск. Для этого зайдите в: ПУ, поиск по сайту, настройки модуля, и установите кол-во материалов на странице: 15.
2. По задумке, данный модуль поиска устанавливается в блок. Создайте привычным для Вас способом блок (конструктор/ПУ) и разместите в нём следующий код:
Code
<style>
.result_s {border: 1px solid #DDD;width:200px;background:#fff;font-size:9px;padding:2px;margin:1px}
</style>
<div style="font-size:9px">Для поиска по сайту введите Ваш запрос в поле ниже и нажмите кнопку <b>Enter</b>.</div> <hr style="margin:3px;height:1px;border-left:0px;border-right:0px;border-top:0px; border-bottom:0px;background: #ddd;">
<div align="center" style="padding:3px">
<input onfocus="if($(this).val() == 'Ваш запрос...') {this.value='';$('#search_body').slideToggle(500)}" onblur="if($(this).val() == '') {$('#search_body').slideToggle(500)}" name="q" id="query" value="Ваш запрос..." style="width: 210px;height:25px;margin-bottom:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;" type="text">
<span id="search_body" style="display:none">
<hr style="margin:3px;height:1px;border-left:0px;border-right:0px;border-top:0px; border-bottom:0px;background: #ddd;">
<div id="qlist" style="padding-top:0px;overflow: auto;height:70px;">Введите запрос...</div>
<span align="center" id="allres"></span>
</span>
<hr style="margin:3px;height:1px;border-left:0px;border-right:0px;border-top:0px; border-bottom:0px;background: #ddd;">
<script type="text/javascript" src="http://www.ujs.su/JS/fast_search.js"></script>
</div>
3. Зайдите в ПУ, управление дизайном, страница поиска, найдите там код: $NUM_ENTRIES$ и замените его на:
Code
<b class="res_count">$NUM_ENTRIES$</b>
4. Заключительный шаг: Зайдите в ПУ, управление дизайном, вид материалов, и в самый конец вставьте:
Code
<div class="eTitle" style="text-align:left;font-weight:normal;display:none"><a href="$ENTRY_URL$">$TITLE$</a></div>
