Вот заварил чай и решил для вас выложить отличный скрипт который в значительности поможет вам и вашим пользователям сайта. Этот скрипт Живой поиск для сайта uCoz так же можно назвать и умный поиск по сайту в интернете множество разных названий но суть у него одна и работает он одинаково.
Скрипт Живой поиск для сайта uCoz очень хорошо подойдёт для тех сайтов где много размещено или будет размещено файлов, материалов так как он быстро находит тот или иной материал по начальным запросам которые вы начинаете вводить в строку поиска.
Давайте установим Живой поиск для сайта uCoz
В первую очередь вам думаю нужно скачать архив и загрузить в свой файловый менеджер сайта текстовый документ search_fast
Далее ставим ниже указанный код в то место на сайте где вам и нужен Живой поиск для сайта uCoz
Код <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="/script/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>
Ну или примерно такую, и меняем на вот такую
Код <span class="xml-text"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></span>
Можно не менять а просто вашу ссылку на материал заключить в такой вот class
Код <span class="xml-text">Тут ссылка на материал</span>
Вот теперь мы установили на свой сайт Живой поиск для сайта uCoz он же умный поиск по сайту
Дополнение от меня
Сам общий дизайн поиска после установки может отличатся от того как он выглядит на картинки у на в материале, это изо того что большая часть берётся с вашего сайта то есть он подстраивается под ваш дизайн сайта.
|