Среда, 17.10.2018, 20:56
Главная Регистрация RSS
Приветствую Вас, Гость
НОВОЕ НА ФОРУМЕ
НОВЫЕ КОМЕНТАРИИ
Статистика

Онлайн всего: 2
Гостей: 1
Пользователей: 1
mytorrento
Нас сегодня посетили :
Modred, mytorrento
Поиск
Главная » Файлы » СКРИПТЫ ДЛЯ UCOZ » РАЗНЫЕ СКРИПТЫ УКОЗ

Живой поиск для сайта

Живой поиск для сайта

Скрипт Живой поиск для сайта uCoz очень хорошо подойдёт для тех сайтов где много размещено или будет размещено файлов, материалов так как он быстро находит тот или иной материал по начальным запросам которые вы начинаете вводить в строку поиска. Давайте установим Живой поиск для сайта В первую очередь вам думаю нужно скачать архив и загрузить в свой файловый менеджер сайта текстовый документ search_fast Далее ставим ниже указанный код в то место на сайте где вам и нужен Живой поиск для сайта

Код
<form onsubmit="search();return false;" method="post" style="margin: 0px;" action="/load/" id="searchform"> <input id="story" name="query" type="text" value="Поиск фильма по кинопорталу" onfocus='if (this.value == "Поиск фильма по кинопорталу") { this.value=""; }' onblur='if (this.value == "") { this.value="Поиск фильма по кинопорталу"; }' class="searchform poick_pole" autocomplete="off" style="width: 690px;"> <input class="srch_btn" name="sfSbm" value="Найти" type="submit"/> <input name="a" value="2" type="hidden"> <div id="search2"></div> </form> <script type="text/javascript" src="/js/search_fast.js"></script>

Теперь в стили вашего сайта пропишите стили которые находятся чуток ниже или можете прописать под свой сайт.

Код
/*----------------[ПОИСК С ПОДСКАЗКАМИ]----------------*/ #search2 input:hover {background: #EDA8A8 !important;} #search2 a:hover {background: #EEE;} #search2 a:last-child {border-bottom: 0px solid;} #search2 { box-shadow: 0px 18px 18px #E5E5E5; border: 1px solid #BDBDBD; position: absolute; margin-top: 3px; display: none; z-index: 100; margin-left: 3px; border-radius: 2px; }#search2::after { /*border-bottom: 8px solid transparent; border-left: 0px solid transparent; border-right: 8px solid #6D8FA8; border-top: 8px solid transparent; */ content: ""; left: 20px; position: absolute; top: -12px; transform: rotate(90deg); writing-mode: tb-rl;} #search2 span { color:#444 !important; background: white; display: block; padding: 8px;}#search2 input { background: #F2CBCB !important; color: #AC2222 !important; border: 0px none; cursor:pointer; padding: 8px; height: 30px; width: 100%;}#search2 a { border-bottom: 1px solid #BDBDBD; color: #222 !important; text-decoration: none; white-space: normal; background: white; display: block; padding: 8px; height: auto; }

И так вроде мы установили но он не работает и для этого проходим в модуль каталог файлов и в дизайне вид материалов каталога файлов находим такую строчку

Код
<a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a>

Можно не менять а просто вашу ссылку на материал заключить в такой вот class

Код
<span class="xml-text">Тут ссылка на материал</span>

Не забываем скачать скрипт, откройте его в браузере и создайте текстовый документ с расширением js,затем залейте его в свою папку на сервере.

Живой поиск для сайта

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

СКАЧАТЬ /_ld/4/463_search_fast.js [0.8 Kb] (cкачиваний: 24)

Вы можете скачать с нашего сервера бесплатно и без регистрации.

Похожие материалы:

Категория: РАЗНЫЕ СКРИПТЫ УКОЗ | Добавил: mytorrento | Теги: поиск, живой, сайта, для
Просмотров: 246 | Загрузок: 24 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar