Быстрый и удобный поиск по сайту для uCoz

Это очередной скрипт от сайта uJs.su, а именно быстрый и удобный поиск по сайту для uCoz. Достаточно скопировать код и вставить в нужное место на страницах сайта. После установки у вас на сайте появится компактное текстовое поле. В нем нужно набрать поисковый запрос и по нажатию клавиши Enter отобразятся первые 15 результатов. Зачастую это бывают самые точные результаты. В случае, если результаты не удовлетворили пользователя, он может нажать ссылку для просмотра всех результатов поиска.

Установка Необходимо настроить модуль «Поиск по сайту»:

Поиск по сайту » Настройки модуля

Ставим значение 15 количеству материалов на странице.

Копируем следующий код и вставляем в нужный блок на сайте (Первый контейнер, Второй контейнер и т.п.)

Код

<style type="text/css">.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>

Файл: fast_search.js

Необходимо загрузить данный файл в корень сайта (через Файловый менеджер)

Код файла (fast_search.js)

/* Name: Быстрый поиск с выводом результатов в блоке Author: www.ujs.su Date: 22.11.2011 */ $('#query').keydown(function (k) { if (k.keyCode == 13) { search();} }); function search() { $('#query').attr('readonly', 'readonly'); $('#qlist').html('<img src="http://s32.ucoz.net/img/ma/m/i2.gif" border="0" title="Идет поиск" align="absmiddle"><br>Запрос выполняется...') if ($('#query').val().length >= 2) { setTimeout(function () { question = $('#query').val(); $('#qlist').html(''); $('#qlist').css({height:'150px'}) $.get('/search/?q=' + question + ';t=0;p=1;md=', function (sch) { resnum = $('.res_count', sch).text(); if(resnum == '0') { $('#query').removeAttr('readonly'); $('#qlist').html('<font style="font-size:10px">Нет результатов по запросу <b>'+ question +'</b>, измените запрос и повторите попытку.</font>'); $('#qlist').css({height:'40px'}) } else { $('#query').removeAttr('readonly'); $('.eTitle:lt(15)', sch).each(function () { $('#qlist').append('<div class="result_s"><ul><li>'+$(this).html()+'</li></ul></div>'); $('#allres').html('<center>' +_uButton(null, 'button',{style:1,text: 'Все результаты',content: 'onclick=\'location.href="/search/?q='+$('#query').val()+'" \' '})+ '</center>') }) } }) },1500) } else {$('#query').removeAttr('readonly'); $('#qlist').html('<div style="font-size:10px">Запрос должен содержать не менее 2 символов</div>');} }