Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Реклама, в зависимости от ширины экрана (https://javascript.ru/forum/misc/2576-reklama-v-zavisimosti-ot-shiriny-ehkrana.html)

Zibba 21.01.2009 10:28

А нельзя как вариант использовать определение размеров рабочей области браузера как нибудь так:

var g = {};

if(window.innerWidth){// Все браузеры кроме IE
	g.width = window.innerWidth;
	g.height = window.innerHeight;
} else if (document.documentElement && document.documentElement.clientWidth){
	// Эти ф-ции для IE6 и документов с объявлением DOCTYPE
	g.width = document.documentElement.clientWidth;
	g.height = document.documentElement.clientHeight;
} else if (document.body.clientWidth){
	// Эти ф-ции для IE4, IE5 и IE6 без объявления DOCTYPE
	g.width = document.body.clientWidth;
	g.height = document.body.clientHeight;
}


И дожидаться загрузки документа не придется.
Хотя с рекламой от google не сталкивался, так что не заю поможет ли.

Octane 21.01.2009 14:10

Получить размеры body можно только после загрузки документа.

Zibba 21.01.2009 14:23

Ну так в моем случае
// Эти ф-ции для IE4, IE5 и IE6 без объявления DOCTYPE
g.width = document.body.clientWidth;
g.height = document.body.clientHeight;


Т.е. если нет объявления DOCTYPE то топик стартеру должно подойти :) , а что ему мешает его не делать!?)

Kolyaj 21.01.2009 14:49

Zibba,
перечитайте еще раз
Цитата:

Сообщение от Octane
Получить размеры body можно только после загрузки документа.


Zibba 21.01.2009 15:12

Kolyaj,
Извиняюсь, я напортачил в изложении своей мысли. Я имел ввиду что способ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
	</head>
	<body>
		<script type="text/javascript">
		function getGeometry(){// Функция определения размеров клиентской области окна
			var g = {};

			if(window.innerWidth){// Все браузеры кроме IE
				g.width = window.innerWidth;
				g.height = window.innerHeight;
			} else if (document.documentElement && document.documentElement.clientWidth){
				// Эти ф-ции для IE6 и документов с объявлением DOCTYPE
				g.width = document.documentElement.clientWidth;
				g.height = document.documentElement.clientHeight;
			} else if (document.body.clientWidth){
				// Эти ф-ции для IE4, IE5 и IE6 без объявления DOCTYPE
				g.width = document.body.clientWidth;
				g.height = document.body.clientHeight;
			}

			return g;
		}
			
		var g = getGeometry();
		alert(g.width + '\n' + g.height);
		</script>
	</body>
</html>

Будет работать в IE6+ и всех остальных браузерах. (Ну покрайней мере у меня каким то чудодейственным способом работает :) )
Не думаю что топик стартеру нужно осуществлять это и для такого старья как IE5--

P.S. Если я снова ступил, то тыкинте прямо носом в точку ошибки и разъясните, а то так и не поняв не смогу спать спокойно :(

Octane 21.01.2009 15:25

Zibba, размеры <body> и <html> можно узнать только после загрузки документа! То есть документ будет уже закрыт для записи в поток и document.write, который есть в Google-скриптах, перезапишет весь документ.

Kolyaj 21.01.2009 15:44

Браузер сам не знает размеры документа, пока он полностью не загружен (что не удивительно).

Zibba 21.01.2009 15:46

Ну так а я в своем примере и не узнаю размеры <body> и <html>, а размеры рабочей клиентской области окна браузера, т.е. в приведенный мной код ничего не мешает дальше в теле <body></body> после вызова функции получения ширины и высоты (в данном случае автору требуется только ширина), исполнить еще один блок <script></script> в том числе и с document.write.

Т.е. у меня код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
	</head>
	<body>
		<script type="text/javascript">
		function getGeometry(){// Функция определения размеров клиентской области окна
			var g = {};

			if(window.innerWidth){// Все браузеры кроме IE
				g.width = window.innerWidth;
				g.height = window.innerHeight;
			} else if (document.documentElement && document.documentElement.clientWidth){
				// Эти ф-ции для IE6 и документов с объявлением DOCTYPE
				g.width = document.documentElement.clientWidth;
				g.height = document.documentElement.clientHeight;
			} else if (document.body.clientWidth){
				// Эти ф-ции для IE4, IE5 и IE6 без объявления DOCTYPE
				g.width = document.body.clientWidth;
				g.height = document.body.clientHeight;
			}

			return g;
		}
			
		var g = getGeometry();
		alert(g.width + '\n' + g.height);
		</script>
		
		<script type="text/javascript">
			document.write("Hello World !!!");
		</script>
	</body>
</html>


выводит сначало ширину и высоту рабочей области, потом выполняет document.write, вроде все работает O_o
P.S. Наверное я совсем дубовый :(

P.P.S. Но если у топикстартера страница состоит из нескольких фреймов, то да, тогда данный способ ему не подойдет.

Kolyaj 21.01.2009 16:30

Цитата:

Сообщение от Zibba
Наверное я совсем дубовый

Да не :) В таком случае будет работать. Но это все бессмысленно, ибо пользователь может потом развернуть окно (как и случается в большинстве случаев в ИЕ6).

Лечить надо причину, а не следствие.

Octane 21.01.2009 17:07

Цитата:

Сообщение от Zibba (Сообщение 11137)
Ну так а я в своем примере и не узнаю размеры <body> и <html>

А это что тогда?

Цитата:

Сообщение от Zibba (Сообщение 11137)
else if (document.documentElement && document.documentElement.clientWidth){
				// Эти ф-ции для IE6 и документов с объявлением DOCTYPE
				g.width = document.documentElement.clientWidth;
				g.height = document.documentElement.clientHeight;
			} else if (document.body.clientWidth){
				// Эти ф-ции для IE4, IE5 и IE6 без объявления DOCTYPE
				g.width = document.body.clientWidth;
				g.height = document.body.clientHeight;
			}

А window.innerWidth, который мог бы помочь в данной ситуации, не работает ни в одной из версий IE. И опят же, как сказал Kolyaj, это не решит всех проблем, что делать при ресайзе окна?


Часовой пояс GMT +3, время: 04:22.