Категории

Визуальный индикатор загрузки

Добрый! Подскажите мысль, как сделать какуюнить "крутилочку-моргалочку" мол сайт занят чемто (в часности для поиска. товаров много, поэтому поиск может занимать 10-15 секунд, в зависимости от сложности запроса)

В каком месте такое нужно?
Т.е. чел ввел запрос в поисковую строку и нажал Искать и поиск этот долгий?

ну да, как-то так!

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

Вообще, когда браузер обрабатывает запрос, то визуально итак понятно, так как меняется курсор мышки на этой странице + во кладке или строке браузера есть индикатор.

А так в гугле полно вариантов

можно просто показывать какой-то див пока сайт грузит запрос поиска

$(document).ready(function () {
$('.simple-loader').on('click', function() {
$('.simple-loader-div').css('display', 'block');
});
});

кнопке или ссылке добавляем класс simple-loader

В файле index.html в самом верху добавляем

<div class="simple-loader-div" style="display:none;">загружаю...</div>

Для simple-loader-div в style.css добавить стили как нужно.

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

это плюшки начала эры интернета. такое сейчас если и делают, то на сайтах которые работаю на AJAX. нет смысла показывать всякие индикаторы просто так...

Источник