Главная » Файлы » Скрипты для uCoz » Другие скрипты |
Быстрый удобный поиск по сайту by ujs для uСoz
24.06.14, 08:55:06 | |
Данный скрипт позволяет очень быстро осуществлять поиск по сайту. Форма поиска устанавливается в блок и там же быстренько подгружает результаты Я немного подправил стилизацию формы поиска, чтобы она без багов и глюков работала в блоках разной ширины Установка: Для начала сходите в ПУ -- Поиск по сайту -- Настройки модуля -- Количество материалов на странице: 15 Далее в любое удобное для вас место вставляйте: Код <style> .result_s {text-align:left;border: 1px solid #DDD;width:100%;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:100%;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;width:100%;"> <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-x:hidden;overflow-y:auto;height:70px;">Введите запрос...</div> <span align="left" style="width:100%;" 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="/js/fast_search.js"></script> </div> Скрипт из прикреплённого архиа залейте в папку js Источник: http://www.ujs.su Автор скрипта: Expert Материал подготовлен Apocalypse | |
Просмотров: 350 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |