powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ждите загружаетя!
13 сообщений из 13, страница 1 из 1
Ждите загружаетя!
    #35199086
Фотография DJШкет
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот видел множество сайтов кода страничка загружается в момент загрузки
"Ждите загружаетя!" и програссбар!
Как так можно сделать или где взять-Скриптом?
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35199111
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну, теория тут простая - скрытые элементы, которые показываются после полной загрузки. Особенно это касается картинок и заполняемых элементов (для img есть событие onload). Остальное уже можно додумать.
Но (ИМХО) это привилегия флеш-сайтов. Там это имеет смысл, так как флеш занимает все пространство и мы не можем наблюдать за заполнением страницы - раз, зачастую внутренности флешки удобнее и безопаснее подгружать динамически - два и флеш имеет встроенные инструменты для загрузки и отображения прогрессбара - это три.
А для DHTML это все же, наверное, неправильно из соображения политкорректности: при открытии странички я вижу элемент для ввода и начинаю в него вводить (переходить, выбирать, нажимать) и мне как пользователю обычно все равно, подгрузилась ли та или иная картинка или другой декоративный элемент. А их объем на странице может быть подавляющим ...
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35199158
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Такой прогрессбар - обманка. Настоящий прогресс - реализован в окне браузера.
Если прогрессбар врет - это рано или поздно проявится в том, что пользователь будет ждать загрузки и любоваться прогрессбаром - а на деле никакой загрузки не будет. И в следующий раз такой прогрессбар будет только раздражать.
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35199201
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
"Ждите" реализуется довольно просто. При отправке запроса на сервер, сначала отображается скрытый элемент, вроде div'а (докучи, центрируется), а в завершении ответа сервер формирует жабаскрип, который гасит этот div. Актуально может быть, при динамической подгрузке больших списков в select, например.
Выдирать из какого то движка возможно будет сложней, чем написать с нуля. При использовании AJAX управление довольно простое.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35199215
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Кстати, gmail честно оторразил малиновый ДИВ Загружается... и никаких прогрессбаров.
У меня с медленным соединением "загружается" частенько бывает что не загружается.
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35199505
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Если используется не "чистый" html (например как у нас CSP), после отсылки запроса на сервер, страница "становится в режим ожидания" (это образно ) и по
Код: plaintext
window.setTimeout(<функция>,<время_ожидания>)
функция посылает кратковременные запросы на сервер, потом меняет прогресс...
----------
Cache for Windows (Intel) 2007.1 (Build 369) Fri Jun 15 2007 15:25:42 EDT
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35199610
Фотография DJШкет
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckНу, теория тут простая - скрытые элементы, которые показываются после полной загрузки. Особенно это касается картинок и заполняемых элементов (для img есть событие onload). Остальное уже можно додумать.
Но (ИМХО) это привилегия флеш-сайтов. Там это имеет смысл, так как флеш занимает все пространство и мы не можем наблюдать за заполнением страницы - раз, зачастую внутренности флешки удобнее и безопаснее подгружать динамически - два и флеш имеет встроенные инструменты для загрузки и отображения прогрессбара - это три.
А для DHTML это все же, наверное, неправильно из соображения политкорректности: при открытии странички я вижу элемент для ввода и начинаю в него вводить (переходить, выбирать, нажимать) и мне как пользователю обычно все равно, подгрузилась ли та или иная картинка или другой декоративный элемент. А их объем на странице может быть подавляющим ...


apapacy Такой прогрессбар - обманка. Настоящий прогресс - реализован в окне браузера.
Если прогрессбар врет - это рано или поздно проявится в том, что пользователь будет ждать загрузки и любоваться прогрессбаром - а на деле никакой загрузки не будет. И в следующий раз такой прогрессбар будет только раздражать.

Прогресс не обязателен!
хотелось бы примерчик
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35199764
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
DJШкетхотелось бы примерчик
Как вариант, сделай видимым этот рисунок... А потом убери. Чем не прогресс?
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35200738
Фотография DJШкет
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
оставим прогресс в покое.
Воть есть хтмл с полным набором(Скрипты,имеджи-и всё как после мясорубки)
и Надо сделать в момент загрузки "Жди загружается!"!
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35200811
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<body>
<div id="loading">Жди загружается</div>
всякое разное
...
<script>
document.getElementById("loading").style.display="none"
</script>
</body>
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35201360
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Чего-то так и не понял конкретного вопроса: надо сделать, чтобы можно было отслеживать моменты загрузки или само сообщение "загружается"?
Со вторым вроде должно быть все понятно - свою страницу всю туши (все видимые элементы не должны быть видимыми), а див на переднем плане показывает надпись ...
С первым теоретически сложнее. Принцип можно рассмотреть на следующем примере: есть 4 элемента-картинки (все остальное, в принципе, не имеет значения, так как практически не имеет объема, а следовательно, и нельзя отследить загрузку, остаются только картинки). Допустим, это хидер (200 Кб), левая картинка (100 Кб), правая (100 Кб) и подвал (200 Кб). Сразу в скрипте можно прописать, что все элементы невидимы - разместить картинки в дивах, а дивы сделать невидимыми. На картинки повесить события onload с вызовом функции и передавать в качестве параметра инкремент к загрузке: общий объем у нас 600 Кб (100%), соответственно, картинки "весят" 33.33%, 16.67%, 16.67%, 33.33% (все рассчитывается исключительно вручную - мы всегда знаем, чем заполняем страницу). Когда картинка заканчивает загружаться, она передает параметр загрузки, который мы и выводим в диве сообщения, расположенный перед страницей. При окончательной загрузке выводим "Все загрузилось", тушим наше сообщение и делаем видимыми дивы с картинками. Вот и весь сценарий ... Естественно, есть много деталей, но суть такова ...
Если посмотреть на описание событие onload, то видно, что его использовать можно только с тремя элементами: img, embed и applet. Также есть такое событие у body, которое overrides (забыл по-русски) событие у элементов. Но эти "нюансы" уже надо читать в описании.
Что же касается подгружаемых елементов, например, списков, то тут, с одной стороны, достаточно просто, так как мы знаем количество передаваемых элементов с сервера, но с другой стороны, сделать обычным прямым способом невозможно: а) пока AJAX будет получать массив с сервера, невозможно ничего отследить; б) пока массив будет парситься (JSON, XML, стринг с разделителями), система и вовсе подвисает. Конечно, вариант есть: запрос на сервер - получаем количество элементов, инициируем прогрессбар и начинаем получать элементы по одному и обновлять его, параллельно заполняя список. Скажу сразу, что это полная глупость, так как замедляет работу в добрый десяток раз! Приведу пример из своей практики: запрос на заполнение списка городов - когда получаешь несколько тысяч городов, то комп подвисает на несколько десятков секунд, причем, даже анимированный гиф, который показывает, что идет загрузка, тоже подвисает и не двигается. У меня очень-очень мощный компьютер, неплохая сеть, но когда я получаю 8 тысяч городов штата Нью-Йорк, то комп подвисает на 48 секунд! По-твоему, кто-то захотел бы ждать 5-8 минут и смотреть на прогресс-бар? - Не думаю. Поэтому считаю, что данная идея достаточно тупиковая и не стоит на ней зацикливаться.
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35201469
Фотография DJШкет
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<body>
<div id="loading">Жди загружается</div>
всякое разное
...
<script>
document.getElementById("loading").style.display="none"
</script>
</body>

Опробуем!
IDVsbruck Чего-то так и не понял конкретного вопроса: надо сделать, чтобы можно было отслеживать моменты загрузки или само сообщение "загружается"?
Со вторым вроде должно быть все понятно - свою страницу всю туши (все видимые элементы не должны быть видимыми), а див на переднем плане показывает надпись ...
С первым теоретически сложнее. Принцип можно рассмотреть на следующем примере: есть 4 элемента-картинки (все остальное, в принципе, не имеет значения, так как практически не имеет объема, а следовательно, и нельзя отследить загрузку, остаются только картинки). Допустим, это хидер (200 Кб), левая картинка (100 Кб), правая (100 Кб) и подвал (200 Кб). Сразу в скрипте можно прописать, что все элементы невидимы - разместить картинки в дивах, а дивы сделать невидимыми. На картинки повесить события onload с вызовом функции и передавать в качестве параметра инкремент к загрузке: общий объем у нас 600 Кб (100%), соответственно, картинки "весят" 33.33%, 16.67%, 16.67%, 33.33% (все рассчитывается исключительно вручную - мы всегда знаем, чем заполняем страницу). Когда картинка заканчивает загружаться, она передает параметр загрузки, который мы и выводим в диве сообщения, расположенный перед страницей. При окончательной загрузке выводим "Все загрузилось", тушим наше сообщение и делаем видимыми дивы с картинками. Вот и весь сценарий ... Естественно, есть много деталей, но суть такова ...
Если посмотреть на описание событие onload, то видно, что его использовать можно только с тремя элементами: img, embed и applet. Также есть такое событие у body, которое overrides (забыл по-русски) событие у элементов. Но эти "нюансы" уже надо читать в описании.
Что же касается подгружаемых елементов, например, списков, то тут, с одной стороны, достаточно просто, так как мы знаем количество передаваемых элементов с сервера, но с другой стороны, сделать обычным прямым способом невозможно: а) пока AJAX будет получать массив с сервера, невозможно ничего отследить; б) пока массив будет парситься (JSON, XML, стринг с разделителями), система и вовсе подвисает. Конечно, вариант есть: запрос на сервер - получаем количество элементов, инициируем прогрессбар и начинаем получать элементы по одному и обновлять его, параллельно заполняя список. Скажу сразу, что это полная глупость, так как замедляет работу в добрый десяток раз! Приведу пример из своей практики: запрос на заполнение списка городов - когда получаешь несколько тысяч городов, то комп подвисает на несколько десятков секунд, причем, даже анимированный гиф, который показывает, что идет загрузка, тоже подвисает и не двигается. У меня очень-очень мощный компьютер, неплохая сеть, но когда я получаю 8 тысяч городов штата Нью-Йорк, то комп подвисает на 48 секунд! По-твоему, кто-то захотел бы ждать 5-8 минут и смотреть на прогресс-бар? - Не думаю. Поэтому считаю, что данная идея достаточно тупиковая и не стоит на ней зацикливаться.
на этом!
авторПрогресс не обязателен!


Всем спасибо! о результатах сообшу!
...
Рейтинг: 0 / 0
Ждите загружаетя!
    #35202186
Фотография DJШкет
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Бохладаю-''работает'';
Рапорт
...
Рейтинг: 0 / 0
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ждите загружаетя!
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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