powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не показывать страницу до полной загрузки
24 сообщений из 24, страница 1 из 1
не показывать страницу до полной загрузки
    #35676612
Фотография akopium
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Господа, подскажите плиз как такое можно реализовать средствами HTML и JS, чтобы страница не отображалась пока не загрузится до конца


И я видел полмира, мне 2000 лет,
и на стыках путей не один километр
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35676625
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Аяксом только. Можно и к разработчикам браузеров обратиться.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35676649
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
<body>
<div id=content style="display:none">
</div>
<script>
document.getElementById("content").style.display="block";
</script>
</body>
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35676663
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
попробуй так:
Код: plaintext
<body style="visibility:hidden" onload="this.style.visibility='visible'">
хотя сомневаюсь что прокатит. Если не прокатит то так:
помешаешь все тело в div^
Код: plaintext
1.
2.
3.
4.
5.
<body onload="document.getElementById('hide_div').style.display='';">
<div id="hide_div" style="display:none">
...
</div>
</body>
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35676665
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Долго писал)
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35676695
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Картинки грузятся отдельными потоками, так что если нужно скрывать содержимое пока они тоже не загрузились, придется еще поизвращаться. Типа так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<head>
<script>
var imgArray; //двумерный массив х: 1 , в (х, 0 ) пишется sourceIndex картинки, в (х, 1 ) состояние — загружена или нет

function imgLoaded(img){
//c массивами в js не работал, но смысл в том, чтобы найти элемент массива с нужным img.sourceIndex и проставить состояние "загружена"
for{
    //проверить все элементы массива, если всё загружено — показываем div
}
}
<script>
</head>
<body>
<img onload="imgLoaded(this)">
...
<script>
//инициализируем массив imgArray с длиной первой размерности равной document.getElementsByName("img").length
</script>
</body>
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35676698
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy, Ренат,
Ерундой занимаетесь, товарищи.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35676709
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSergeАяксом только. Можно и к разработчикам браузеров обратиться.По-моему ерундой занимаешься ты… Ну, и автор вопроса в общем-то.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35677064
Фотография akopium
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
спасибо господа
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35677159
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
akopium,

ты не обрашай внимание на ругань всякую и разборки. Если не работает то скажи.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35677206
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy
Картинки грузятся отдельными потоками, так что если нужно скрывать содержимое пока они тоже не загрузились, придется еще поизвращаться.

Уже ж проходили

P.S. PreLoad
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35677248
Фотография akopium
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ренатakopium,

ты не обрашай внимание на ругань всякую и разборки. Если не работает то скажи.

Ругани на ПТ хватаить :)

а заюзал я
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<body>
<div id=content style="display:none">
</div>
<script>
document.getElementById("content").style.display="block";
</script>
</body>

который написал Antonariy, ему спс

а аякс мне юзать в данном случае низя, не умеют поисковики его индексировать,
хотя ... может уже и умеют, ХЗ
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35677457
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
akopium
заюзал я
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<body>
<div id=content style="display:none">
</div>
<script>
document.getElementById("content").style.display="block";
</script>
</body>

А вот тут, IMHO, как раз и должно вылезти
Antonariy
Картинки грузятся отдельными потоками

со всеми вытекающими...
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35678006
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вылезет тут даже не "Картинки грузятся отдельными потоками", а "картинки не грузятся вообще, если для них задан display:none". С visibiity:hidden может хоть часть успеет подгрузиться.

А вообще сабж несколько странный. Я наоборот стараюсь сделать так, чтоб юзеру побыстрее показалось хоть что-нибудь, чтобы он не чувствовал себя покинутым.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35678015
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Рискну предположить, что у img на страничке не прописаны размеры картинок. Таким образом, в процессе загрузки страничка начинает "плясать" по мере загрузки изображений. Ещё одно предположение: зокащщег так хочет, чтоб "ничего-ничего-ничего, а потом вуаля - страничка сразу во всей красе!".....
Какие ещё могут быть причины для сокрытия страницы до полной загрузки?

[полуофф]
Как то давно (во времена dial-up'ных модемов) в журнале для вебмастеров попалась статья, где автор рекомендовал уложиться в 30 секунд для полной загрузки видимой части страницы на обычной скорости (порядка 4...5 КБ/с) для тех модемов. В том смысле, что ждать дольше - напрягает пользователя, и он может просто уйти с сайта, если только этот сайт не нужен ему "до зарезу".
Не претендую на точность высказывания, но смысл такой.
[/полуофф]
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35678041
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Помню делал сайт, заказчик просил чтобы как пользователь зашол на страницу, ему показывалась какая нить картинка во весь экран (90кб), этих картинок было несколько но в кеше они сохранялись норм и так что грузить приходилось их приходилось ткао пару раз. Пока пользователь смотрит картинку то станица грузиться. Так вот когда старница догрузиться картинка должна была вытисняться контентом. Как я понимаю тута похожая ситуация
ПЛюсы:
+ необычно
+ не видно всякие загрузочные скачки
+ во время загрузки пользвоатель не скучает
МИнусы:
- чем "веселее" может быть, тем больеш нуна картинка, но и размерры тогда растут.
- надоедает
- если делать анимацию исчезновения рисунка и появления контента то браузер надрываеться из за такого количества инфы
зы. так что думаю загрузки стоит делат ьтолько для аякс примочек.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35678048
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ренат
+ необычно
+ во время загрузки пользвоатель не скучает

что ж такое у тебя было на картинках то?! По-моему чтоб скрасить для пользователя ожидание полезной информации какой-то там картинкой и не вызвать при этом раз за разом раздражения, на ней должно быть что-нибудь действительно интересное... или может пикантное... :-)))
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35678389
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
На уровне идеи.
А если попробовать в самом начале body, перед контентом, поместить div с абсолютным позиционированием, размерчиком на весь экран и достаточно большим z-индексом? Ну и поместить туда что то, иммитирующее бэкграунд. По окончании загрузки страницы этот div просто удалить жабаскриптом.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35678508
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vkle
в самом начале body, перед контентом, поместить div с абсолютным позиционированием, размерчиком на весь экран и достаточно большим z-индексом? Ну и поместить туда что то, иммитирующее бэкграунд. По окончании загрузки страницы этот div просто удалить жабаскриптом.

http://www.sql.ru/forum/actualthread.aspx?tid=617828&pg=1#6490825
PreLoad

_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35678737
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я не так давно постил в такой же теме на Винграде, поэтому извините, придумывать заново не буду - просто скопипастю свой пост оттуда:


Фактически, в полном объеме такую загрузку сделать невозможно.

Объясняется это следующим ... Условно можно разбить весь контент на 4 части: сама страница html (или динамически сформированная, что неважно), css-библиотеки, js-библиотеки и самое крупное - контент страницы - картинки, флешки и прочее статическое наполнение. Получается, что прогресс-бар надо делать в контенте самого окна, следовательно, первая часть для "логгирования" отпадает; частично (в лучшем случае) задействованы css и js, а также кое-какая графика (еслу нужна). Все остальное может подлежать "обработке".

Чтобы знать, сколько %% мы уже скачали, надо знать, сколько надо скачивать всего. Значит, на сервере надо определить все, что подлегает такому анализу при получении.

Только позавчера делал такую штуку, правда, немного схитрил: с учетом того, что мои css и js занимают несоизмеримо меньший объем, чем картинки, я ими пренебрег. Составил на сервере массив из загружаемых картинок, сервер сам определяет объем. Страница помещена в див, который по умолчанию скрыт. На клиенте вывел окошко, отображающее процент загрузки и первым делом отправляю запрос на получение ассоциативного массива с сервера (JSON, в котором определен относительный путь к картинкам и их объем, а также общий объем). В цикле каждому файлу назначаю событие onload (или, если completed, то сразу добавляю проценты). По мере загрузки файлов проценты растут. Когда объем полученных файлов совпадает с полученым в массиве объемом, произвожу дальнейшие действия - закрываю прогресс-бар и открываю контейнер со страницей.

Если честно, то делал, пробуя одну штуку, не надеясь на нормальный результат. А получилась совершенно безотказная штука. Естественно, при рефреше страницы отображение прогресс-бара происходит мгновенно.

Плюсы такого метода:
- логгирование загрузки, которое можно повернуть себе на пользу, делая страницу как бы "серьезнее";
- пользователь видит всю страницу сразу и в полном объеме;
- показ страницы только в полном объеме, иначе не покажется ничего (нужна ниже подпись, что в случае зависания нажать рефреш)

Минусы:
- нетерпеливым может не понравиться в случае больших объемов, так как кроме процентов ничего не видно; при последующих заходах происходит почти мгновенно;
- динамики нет никакой, так как размер файлов разный, то и скачки разные; как следствие - сначала грузятся очень маленькие картинки, затем большие - если нет в кеше;
- в случае отключенного кеширования картинки на страницы будут грузиться повторно;
- фактически картинок при открытии контейнера нет, но страница при открытии начинает сопоставлять найдненное в кеше с контентом с сервера, следовательно, есть пауза - на выделенке ее практически не наблюдаю (грузится мгновенно), но, возможно, при модемной связи будет ощутимой;
- надо осуществлять допработу на сервере, аккуратно составлять списки картинок и т.д.

Также хочется отметить, что смысла загонять в массив имиджей нет, так как на нормальной страницы с хорошо развитым css картинок-элементов крайне мало (у меня, к примеру, их нет совсем) - в основном все картинки - это бекграунды элементов (дивы, спаны и ссылки). Однако css добавляет картинки по тому же принципу, используя кеш.

Еще думал поставить для заставочки на время загрузки анимированный гиф: сначался дожидался по onload'у его загрузки, затем грузить все остальное. Однако специфика прокручивания анигифа в ИЕ такова, что после прохождения цикла он снова обращается к серверу, как бы подвисая. Вид получается не очень, когда цикл заканчивается и гиф пропадает, а проценты идут. Я не смог этого побороть, поэтому поставил текст и проценты. Думаю, что с вариантом, предложенным выше (заполнение дивов заливкой) получится. Также должен работать и флеш, но лень было вставлять.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35679078
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
illionРенат
+ необычно
+ во время загрузки пользвоатель не скучает

что ж такое у тебя было на картинках то?! По-моему чтоб скрасить для пользователя ожидание полезной информации какой-то там картинкой и не вызвать при этом раз за разом раздражения, на ней должно быть что-нибудь действительно интересное... или может пикантное... :-)))
тынц
зы. я новичек так что плз без критики. Но поскольку это сайт театра то там такое количество анимации итд просто обязательно.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35681951
Фотография Frenzy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
онлоады можно и на картинки понавешивать и ждать пока не загрузится и страница и картинки

а вобще нефиг интернет неизвестно чем засорять, нужны навороты - делайте на флеше
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35682795
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Frenzy,

уважаемый. к примеру опера по стандарту не умеет флеш играть но это ерунда. По вашему надо сделать во весь экран флеш, туда закидывать весь контент и менюшки, лишь для того чтобы реализовать "загрузку" страницы, когда это все на js мона сделать? И еще не все знаю флеш.
...
Рейтинг: 0 / 0
не показывать страницу до полной загрузки
    #35682847
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну, знают - не знают, это их проблема.
Возможно, иметь кое-какой - это лучше, чем не иметь никакой. Просто с помощью js можно сделать только лишь подобие "лоадера", а полноценно сделать можно лишь на флеше.

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


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