Форум PHP программистов > Загрузка страницы

[ Поиск ] - [ Пользователи ] - [ Календарь ]

blade

25.09.2010 - 18:43

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

Кто нить сталкивался с таким ?! Как такое осуществить?

Спустя 3 часа, 3 минуты, 11 секунд (25.09.2010 - 20:46) mad/crs написал(а):

не уверен но направление примерно следующее:
первым грузится javascript который выводит на экран "ждите идёт загрузка" и на докумен вешает обработчик onload в котором убирает надпись про загрузку и показывает страницу когда документ загрузился. если надо спрятать боди пока оно грузится задать цссом position:absolute;top:0;left:0;width:100%;height:100% диву с id=loading

теоретически так примерно:

<body>
<script type="text/javascript">
document.write('<div id="loading">loading...</div>')
window.onload=function(){ страница заргужена, прибить див с ид лоадинг }
</script>
....
</body>

Спустя 34 минуты, 11 секунд (25.09.2010 - 21:20) inpost написал(а):

mad/crs
Собственно можно так, можно в <body onload> дать условия. Можно через Ajax загрузить рисунок, после подгрузить остальную часть страницы и вывести на экран.

Спустя 58 минут, 29 секунд (25.09.2010 - 22:19) blade написал(а):

инпост а можно как то подробнее ?

Спустя 7 минут, 28 секунд (25.09.2010 - 22:26) blade написал(а):

Цитата (mad/crs @ 25.09.2010 - 17:46)

<body>
<script type="text/javascript">
document.write('<div id="loading">loading...</div>')
window.onload=function(){ страница заргужена, прибить див с ид лоадинг }
</script>
....
</body>

не въеду немного пишу


<html>

<head>
  <title></title>

</head>
<style type="text/css">
.ob
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
</style>
<body>
<script type="text/javascript">
document.write('<div id="loading" class="ob">loading...</div>')
window.onload = function(){ alert('Ghbdtn'); }
</script>
.... тут содержимое
</body>
</html>

но надпись лоадинг появляется поверх содержимого и при окончании не выводит алерт (эт я для пробы)

Спустя 1 час, 8 минут, 35 секунд (25.09.2010 - 23:35) inpost написал(а):

blade
Собственно, видел такое на jQuerry тоже =)
А Аякс, что собственно не понятно? Ты умеешь пользоваться Аяксом? Если да - тогда продолжим, если нет - советую изучить, там на 1 день инфы)

Спустя 16 минут, 36 секунд (25.09.2010 - 23:52) blade написал(а):

начальные знания аякс имеються!

Спустя 11 минут, 14 секунд (26.09.2010 - 00:03) inpost написал(а):

Чистый лист, в нём, собственно, только заголовки в начале выставлены, без центральной части. В BODY ставишь: вывод анимации закачки в <div id="1">ТУТ АНИМАЦИЯ</div>, Далее пишешь функцию Аякса, обращаешься к другой странице, там подкачку скриптов(подгрузки картинок) и остальную инфу BODY. Когда запрос вернётся - помещаешь всё в DIV =) Ну вот такие извращения, а можно через Флеш тоже самое сделать, если сайт на флеше. Или поройся в jQuerry, там я такое 100% помню было, даже на сайте Попова разбирали... или Хабры? ой, уже не помню )))

Спустя 11 минут, 5 секунд (26.09.2010 - 00:14) mad/crs написал(а):

Цитата

надпись лоадинг появляется поверх содержимого и при окончании не выводит алерт (эт я для пробы)

Здесь можно прочитать по подробней про window.onload или тут

Спустя 9 минут, 41 секунда (26.09.2010 - 00:24) blade написал(а):

спасибо конечно но все не то (

Спустя 11 минут, 35 секунд (26.09.2010 - 00:35) inpost написал(а):

blade
Есть цель -> есть результат! Хороши все способы для достижения заветной цели, если они не приносят вряд окружающим. Все 3 способа сказанные мной не приносят вреда)

Спустя 19 минут, 27 секунд (26.09.2010 - 00:55) blade написал(а):

твой способ обращения к другой странице но зачем код разбит на блоки и на каждой странице подгружаются эти блоки так что вот я и не пойму зачем обращатся к другой странице

Спустя 6 часов, 11 минут, 49 секунд (26.09.2010 - 07:06) mad/crs написал(а):

<html>

<head>
  <title></title>

</head>
<style type="text/css">
#loading
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:24px;
	background-color:green;
	text-align:center;
	font-size:20px
}
</style>
<body>
<script type="text/javascript">
document.write('<div id="loading">Пожалуста подождите, идёт загрузка.</div>')
window.onload = function (){ alert('готово');document.getElementById('loading').style.display='none';}
</script>
.... тут содержимое

</body>
</html>

у меня вроде всё выводится... в начале текст "Пожалуйста подождите идёт загрузка" и по окончанию алерт("готово") и удаление элемента.
jQuery хорошая штука но если она больше нигде на сайте не используется то "жирно" как-то тянуть пару десятков Кб из-за аякса...

Спустя 1 час, 12 минут, 25 секунд (26.09.2010 - 08:19) blade написал(а):

код вроде помог спасибо. а что вы имели ввиду в своем выражении жирно ?

Спустя 34 минуты, 24 секунды (26.09.2010 - 08:53) Гость_Michael написал(а):

подразумевается то, что библиотека jQuery весит не один килобайт.

Быстрый ответ:

Здесь расположена полная версия этой страницы.