powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / красивый переход, часики и загрузка больших страниц
4 сообщений из 4, страница 1 из 1
красивый переход, часики и загрузка больших страниц
    #39710318
yemets63
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
как сделать HoursGlass (или всякие вращающиеся точки) пока открывается HTML страница.

есть большие страницы с долгой загрузкой с сервера, секунд 20.
так вот как сделать?
например, щелкаю ссылку на странице 1 и сразу появляются часики, и они исчезают только после полной загрузки страницы 2.

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

сп.
...
Рейтинг: 0 / 0
красивый переход, часики и загрузка больших страниц
    #39710876
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
yemets63а хотелось бы, чтобы отрисовка часиков начиналась с момента нажатия ссылкиМожно скразу показать DIV, где крутится что-то из этого: https://jsfiddle.net/2okc0qbt/ , а при окончании запроса, этот DIV спрятать:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
  function ajax(url, data, callBack) {
    var xhr = new XMLHttpRequest();
    xhr.open('POST', url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    xhr.onload = xhr.onerror = callBack;
  }

  // При клике на ссылку
  myLink.onclick = function(e) {
    show(progressBar);
    var s = 'param1=' + encodeURIComponent(param1) + '&param2=' + encodeURIComponent(param2);
    ajax('app.php', s, showResult);
  }
  function showResult() {
    hide(progressBar);
    console.log(this.responseText);
  }



А ещё можно в iframe выводить напрямую из PHP (через flush) типа такого:
Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
function test() {
  if (ob_get_level() == 0) ob_start();
  for ($i = 1; $i<=10; $i++){
    echo "<br> i = $i";
    ob_flush();
    flush();
    sleep(1);
  }
  echo "<br> Done.";
  ob_end_flush();
}

$start = microtime(true);
test();
$time = microtime(true) - $start;
printf('<br> Скрипт выполнялся %.4F сек.', $time);
...
Рейтинг: 0 / 0
красивый переход, часики и загрузка больших страниц
    #39710892
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
yemets63есть большие страницы с долгой загрузкой с сервера, секунд 20.грузи кусками. Зачем так долго?
...
Рейтинг: 0 / 0
красивый переход, часики и загрузка больших страниц
    #39712828
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
yemets63,

ищем css preloader(какой понравится) Добавляет на страницу

при начале загрузки делаем видимым при окончании прячем!

Вот так както
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / красивый переход, часики и загрузка больших страниц
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]