Узнать размер дива через JS

guvatara · 02.10.2007, 13:25

есть такой вопрос. Я непонимаю JS и помогите мне написать простенький код для определения размеров дива и при условии если див больше высоты окна применить один стиль а если меньше другой стиль. И пожалуйста добавьте коментарии, чтоб было понятнее.
Заранее благодарен

Feb_vl · 03.10.2007, 04:23

определить разрешение экрана можно через

y=window.screen.availHeight
x=window.screen.availWidth

guvatara · 04.10.2007, 15:58

Я тут по лазил и написал скриптик, но почему то он у меня не пашет.
Он должен работать только в Ослике 7.
Может подскажите, что я тут не так сделал.

Код:

<body style="height="100%";">
<div id="pup1">
	<div id="pup2">
		<div style="height=300px;">
		</div>
		<div id="content">Любой текст</div>
	</div>
</div>
</body>

var height = document.getElementById('content').offsetHeight;
var bodyheight = (document.body.clientHeight - 300) + "px"; 

if (/MSIE (7).+Win/.test(navigator.userAgent))                        
	{ if ( height < bodyheight) 
		{
			document.getElementById('pup1').style.height = "100%";
			document.getElementById('pup2').style.height = "100%";
		}
	else 
		{ 
			document.getElementById('pup1').style.height = "auto";
			document.getElementById('pup2').style.height = "auto";
		}
	}

GreatRash · 04.10.2007, 16:39

Еще бы...и не должен пахать

исправленный код:

Код:

<body style="height: 100%;">
<div id="pup1">
	<div id="pup2">
		<div style="height: 300px;">
		</div>
		<div id="content">Любой текст</div>
	</div>
</div>

<script language="JavaScript" type="text/javascript">
<!--

var height = document.getElementById('content').offsetHeight;
var bodyheight = (document.body.clientHeight - 300) + "px"; 

if (/MSIE (7).+Win/.test(navigator.userAgent))                        
	{ if ( height < bodyheight) 
		{
			document.getElementById('pup1').style.height = "100%";
			document.getElementById('pup2').style.height = "100%";
		}
	else 
		{ 
			document.getElementById('pup1').style.height = "auto";
			document.getElementById('pup2').style.height = "auto";
		}
	}
//-->
</script>
</body>

Как работает не проверял, только синтаксис исправил

guvatara · 04.10.2007, 17:17

ну синтаксис у меня в оригинале правильный. Но скрипт не работает.

Ostgur · 04.10.2007, 22:02

а ты браузеру сказал тэгами, что далее у тебя будет идти скрипт - не сказал => и не работает.

guvatara · 05.10.2007, 15:05

я просто куски кода сюда выложил. Оформление скриптов и css у меня нормальное в оригинале. Проблема в том что скрипт реально не хочет работать.

KidsKilla · 05.10.2007, 16:29

ты лучше проблему опиши, те фон на всю высоту надо сделать шоле?

guvatara · 08.10.2007, 18:38

угу. Но собака Ослик 7 наследовал баги ослика 6 и выдумал свои. Я решил свою проблему просто банальным указанием минимальной высоты для блока который должен тянуться и увелечением высоты футерской картинки которая должна наезжать. Но этот способ просто уже от бессилия. Огнелис форева. Не думал что Ослик 7 будет глючней ослика 6

Но надежды написать жабу для фикса я пока не бросаю.

KidsKilla · 09.10.2007, 14:07

HTML,BODY{height:100%;}
.my_div{min-height:100%;//height:100%;}