Сообщение о загрузке страницы

FASTDEATH · October 26, 2009

В общем напишу здесь.

Страничка весит порядка метра.Надо бы вывести сообщение типа " В процессе загрузки " ,пока страница грузится ,после этого вывести на загруженную страницу.(ну в принципе можно и просто вывести сообщение о загрузке на 4 сек,а пока юзер видит сообщение ,потихоньку загружать пейдж,через 4 сек переадресовать на пейдж)

как сделать?

Edited October 26, 2009 by FASTDEATH

Great Rash · October 26, 2009

http://habrahabr.ru/blogs/webdev/46210/

s0rr0w · October 26, 2009

В общем напишу здесь.
Страничка весит порядка метра.Надо бы вывести сообщение типа " В процессе загрузки " ,пока страница грузится ,после этого вывести на загруженную страницу.(ну в принципе можно и просто вывести сообщение о загрузке на 4 сек,а пока юзер видит сообщение ,потихоньку загружать пейдж,через 4 сек переадресовать на пейдж)
как сделать?

Закрыть станичку слоем с фоном, по онлоаду слой прятать.

FASTDEATH · October 26, 2009

http://habrahabr.ru/blogs/webdev/46210/ а здесь 2 способ на сайте без AJAX потянет ?

Great Rash · October 26, 2009

Я состряпал тестовую страницу, надо будет запомнить решение...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en">

<head>
	<title>template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Tahoma;
		}

		html,
		body {
			height: 100%;
		}

		body {
			overflow: hidden;
			background: url('http://www.wallpaperez.net/wallpaper/children/Childrens-Day-in-sky-693.jpg') left top no-repeat;
		}

		.loader {
			height: 100%;
			background: white;
		}

		.loading {
			position: relative;
			top: 50%;
			left: 50%;
			width: 200px;
			height: 20px;
			margin-top: -10px;
			margin-left: -100px;
			text-align: center;
		}
	</style>

	<script type="text/javascript">
		window.onload = function() {
			document.getElementById('l').style.display = 'none';
			document.body.style.overflow = 'auto';
		}
	</script>

</head>

<body>

	<div id="l" class="loader">
		<div class="loading">
			Loading...
		</div>
	</div>

	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

</body>
</html>

Sign In

Сообщение о загрузке страницы

Question

FASTDEATH

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

FASTDEATH

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information