• Watch Movie Птеродактиль 2

    Птеродактиль 2

    Жанр: Ужасы
    Выпущено: Великобритания, 2023
    Премьера: 15 декабря 2023
    Режиссер: Бен Дж. Уильямс
    В ролях: Дэниэл Скотт, Келли Райан Сэнсон, Саймон Эллис, Кристин Робертс, Дженна Н. Уилсон, Джас Риверс, Стивен Сталлоне Томас, Уэйн Добсон, Рене Врабель, Рико Моррис..
  • Watch Movie Грозовой шторм 2

    Грозовой шторм 2

    Жанр: Боевик
    Выпущено: США, 2023
    Премьера: 22 декабря 2023
    Режиссер: Бен Дж. Уильямс
    В ролях: Мелли Майерс, Александра ДеКалюве, Дерри Гарднер, ДеВон Гей, Барни Джонс, Роб МакГейн, Коннор Полс, Джас Риверс, Даниэль Скотт, Белль Спеллман..
  • Watch Movie Русалочка

    Русалочка

    Жанр: Мультфильм
    Выпущено: США, 2023
    Премьера: 8 мая 2023
    Режиссер: Майкл Джонсон
    В ролях: Ди Уоллес, Стив Гуттенберг, Шэрон Дезире, Тэмми Кляйн, Майром Кингери, Соня Крюгер, Райан Эберт, Николя Греко, Кураж, Алекс Лизотт, Роанна Круз..
  • Watch Movie Убивая время

    Убивая время

    Жанр: Ужасы
    Выпущено: Испания, 2022
    Премьера: 28 октября 2022
    Режиссер: Норберто Рамос дель Вэл
    В ролях: Марта Альмодовар, Альба Фонтеча, Клаудия Молина, Хорхе Паес, Мигель Анхель Айхон, Марина Аррегини, Александра Чискан, Адриан Лабрадор, Карла Моро, Кристина Преса..

Форум

  • Страница 1 из 1
  • 1
Форум » Скрипты для юкоз » Скрипты, модули, хаки и всякие разности. » Js-скрипт «живого» поиска по сайту
Js-скрипт «живого» поиска по сайту
ШефДата: Среда, 24-Янв-2018, 3:43:28 | Сообщение # 1
Директор
Группа: Главный режессер
Сообщений: 38
Награды: 0
Репутация: 0
Статус: Offline
JS-скрипт «живого» поиска по сайту для uCoz. К примеру, как в Яндекс — вы вбиваете запрос, а он уже выдал вам результат и обновляет по мере, того как вы продолжаете вводить свой запрос.

— Скрипт работает на всех модулях и страницах.
— Автоматически определят по какому модулю нужно искать.
— Автоматически цепляется к любым формам поиска на странице сайта.
— Легко устанавливается, также просто можно убрать скрипт.
— Можно прописать стили и видоизменить результаты поиска под стиль вашего сайта.

Ниже привожу код скрипта, а чтобы установить живой поиск на сайт достаточно подключить скрипт перед тегом </body> на всех страницах сайта.
Код
var liveSearch = {

    init: function() {

        // цепляемся за форму поиска
        $('form [action]input[name]').keyup(function() {
            var search = $(this),
                form = $(this).closest('form'),
                query = $(this).val(),
                action = form.attr("action");

            $('.search-live').remove();          
            if ( form.attr("id") == 'addEntForm' || query.length < 3 ) return false;

            if ( /search|dir|publ|load|news|stuff|blog|video|photo/.test(action) === true ) {
                $.ajax({
                   url: action + '?q=' + query,
                   type: 'POST',
                   data: {query: query, a: 2},
                   success: function(data) { liveSearch.insert( data, query, search ) },
               });             
            }
        });

    },

    insert: function(data, query, search) {

        var request = '', query_exp;

        $('a[href]', data).each(function(index, link){
            query_exp = new RegExp(query);
            if( query_exp.test( $(this).text() ) == true )
                request += '<a href="' + $(this).attr('href') + '" class="search-live-item">' + $(this).text() + '</a>';
        });         

        if ( request.length == 0 ) request = '<a href="" class="search-live-item">Ничего не найдено!</a>';

        $('body').prepend('<div class="search-live">' + request + '</div>');

        $('.search-live').css({
            'width' : search.outerWidth(),
            'position' : 'absolute',
            'top' : search.offset().top + search.outerHeight(),
            'left' : search.offset().left,
            'z-index' : '100001',
            'box-sizing' : 'border-box'
        });

        $('.search-live .search-live-item').css({
            'display' : 'block',
            'width' : '100%',
            'height' : '40px',
            'overflow' : 'hidden',
            'background' : '#000',
            'color' : '#fff',
            'line-height' : '40px',
            'text-indent' : '20px',
            'text-decoration' : 'none',
            'border-bottom' : '1px solid #ccc',
            'text-align' : 'left',
            'box-sizing' : 'border-box'
        });

    }

}

$(document).ready(function() {
    liveSearch.init(); // запуск «живого» поиска
});

или так
Код
$('form [action]input[name]').keyup(function() {
    var $this = $(this),
        query = $this.val(),
        form = $this.closest('form'),
        action = form.attr("action"),
        actionTest = new RegExp(/search|dir|publ|load|news|stuff|blog|video|photo/).test(action),
        search = new RegExp(/search/).test(action);
    if ( form.attr('id') == 'addEntForm' ) return false;
    if (query.length >= 3 && actionTest === true ) {
        $.ajax({
            url: ((search) ? action + '?q=' + query : action),
            type: ((search) ? 'GET' : 'POST'),
            data: ((search) ? {} : {query: $query, a: 2}),
            success: function(data){
                SearchLiveInto(data, query, $this);
            }
        });   
    } else $('.search-live').remove();
});

Чтобы настроить внешний вид результатов поиска, нужно прописать стили в блоке — в самом конце скрипта:
Код
$('.search-live .search-live-item').css({
            'display' : 'block',
            'width' : '100%',
            'height' : '40px',
    // вы можете добавить любые стили в скрипт, либо прописать стили в вашем фаиле CSS
});


 
Форум » Скрипты для юкоз » Скрипты, модули, хаки и всякие разности. » Js-скрипт «живого» поиска по сайту
  • Страница 1 из 1
  • 1
Поиск:
Флудилка
Флудите на здоровье.....