Блог старого компьютера

Блог старого компьютера


Главная Jquery Ожидание на время выполнения аякса или скрипта

Ожидание на время выполнения аякса или скрипта

19.02.2014 11:40 Администратор Jquery
Печать PDF

Порой когда ждешь выполнения аякс запроса или же просто ждешь окончание какого то js срипта то было бы разумным на это время показать пользователю значек ожидания (набор анимированных gif значков) , чтоб он видел что браузер не завис и то что он заказывал выполняется. Сделать это достаточно просто, а как именно сейчас покажу.

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

.loaders{
width:32px;
height:32px;
background: url('/img/ajax-loader.gif') no-repeat;
position:fixed;
top:50%;
left:50%;
display:block;
}

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

В начало скрипта:

$('body').append("<div class='loaders'></div>");

Этот код создаст блок див в конце тега body.

В конец вашего срипта:

$(".loaders").remove();

Этот код удаляет созданный выше тег div. Вос собственно и все.

Добавить комментарий


Защитный код
Обновить

Поиск

Голосование

Что Вы думаете на счет битрикса?