У меня сайт на ajax, при переходе по страницам надо бы вызывать индекацию, говорящую о загрузке.
Просто всплывающие окошко на сайте вызывает какое-то отторжение, тогда я и подумал
что можно подменять фавикон, а можно пойти дальше и показывать родную анимацию в фавиконе от браузера.
Такую фичу я заметил ВК, но вот только они не меняют фавикон, как сделать так же
Как при ajax запросе заставить браузер думать, что страница загружается? Что бы он сам выводил родную индекацию или прогресс-бар загрузки
Ответы
Ответ 1
$('link[rel$=icon]').remove();
$('head').append( $('' ).attr( 'href', "/newicon.png" ) );
Добавляете код на ajax beforeLoad, и меняете обратно иконку при ajax success
Ответ 2
Нужно создать iframe, у его св-ва contentDocument (которое возвращает объект documen
этого iframe) вызывать метод open(), чтобы браузер начал показывать процесс загрузки, и close() для прекращения.
Рабочий только в Firefox пример с кнопкой
var iframe = $('', {
name: 'loading',
id: 'loading',
width: '1px',
height: '1px',
style: "display:none;"
}).appendTo('body');
var state = false;
$('#btn-trigger').on('click', function(){
if( state) {
iframe[0].contentDocument.close();
} else {
iframe[0].contentDocument.open();
}
state = !state;
});
Комментариев нет:
Отправить комментарий