Мгновенный, быстрый и удобный поиск версии v1.0
Своей уникальностью и компактностью сам поиск превосходит стандартную форму.Все превосходства заключены в том что когда вы запрашиваете слово для поиска, вам выдает около 15 результатов тут же под поисковой строкой , с точными заголовками новостей.
Как вы знаете здоровый и рабочий поиск по сайту, это возможность пользователю найти то что он ищет по 1 слову, что не дает стандартная поисковая система сайта, дает сам этот скрипт, устанавливаем и пользуемся на здоровье.
Также, если Вас не удовлетворил ни один из пятнадцати результатов, можно нажать имеющуюся кнопку все результаты, и перейти ко всем результатам поиска.
УСТАНОВКА:
Первым делом настройте модуль поиск.
Для этого зайдите в: ПУ, поиск по сайту, настройки модуля, и установите кол-во материалов на странице: пятнадцать.
Стиль вставляем в таблицу стилей общий CSS
Code
.result_s {border: 1px solid #DDD;width:200px;background:#fff;font-size:9px;padding:2px;margin:1px}
Данный модуль поиска устанавливается в блок. Создайте привычным для Вас способом блок (конструктор/ПУ) и разместите в нём следующий код:
Code
<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>
fast_search.js пере заливаем на свой сайт
Автор: Expert
Меню сайта
Меню сайта
Молодец и спасибо всё робит) +
