Как показывать анимацию кнопки пока грузится страница?

Question

[DMax921]

Здравствуйте!
Подскажите пожалуйста, как показывать анимацию кнопки пока загружается страница?
Я сделал через focus, нажимаю на кнопку, пока идет запрос кнопка анимирована, но если клацнуть с боку или переключить вкладку то анимация пропадает, а как держать ее активной до обновления страницы?
Спасибо!

Comments

[Froggyweb]

ничего не понятно

[Ао]

А как ты запрос отправляешь ? покажи код

Answer 1

[shmatuan]

Сделать класс на кнопке (как на focus) + скрипт, в котором будет убираться этот класс после загрузки страницы

$(window).bind('load', function() {

 })

Comments

[DMax921]

Чесно, пытался найти подобный скрипт, но гугл меня не понимает...
У вас есть готовый пример??

[DMax921]

Сделал так, после обновления страницы, один клас удаляется а второй добавляется.

Но, проблема в том, что нужно менять класс после клика на кнопку как "focus" и менять его обратно после обновления страницы...

В вашем варианте, скрипт удаляет клас после обновления страницы, выходит, что нужно чтобы он срабатывал только после клика на кнопку и после обновления класс возвращался...

[shmatuan]

DMax921, Ага, не сразу понял алгоритм)
Получается:
юзер кликнул на кнопку - кнопка начала анимацию - страница перезагрузилась - кнопка перестала быть с анимацией

Если так, то тогда при клике ставить нужный класс в кнопку и после обновления, на событие "load" убирать.

Или если нужно не каждый раз показывать анимацию - сохранять при клике на кнопку и получать при загрузке страницы состояние из localStorage

localStorage.setItem('buttonClicked', 'true');

localStorage.getItem('buttonClicked');

[DMax921]

shmatuan, а можете пожалуйста дать полный код, а то я в скриптах ни в зуб ногой)
Нет, анимацию нужно показывать каждый раз при клике, вы правильно поняли принцип

юзер кликнул на кнопку - кнопка начала анимацию - страница перезагрузилась - кнопка перестала быть с анимацией

Такой же принцип и у focus только он пропадает если переключить вкладку или клацнуть сбоку...