как редактировать размер дивА

NiceOne · 28.03.2008, 03:58

подскажите пожалуйста кто знает ...

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

Йожег · 28.03.2008, 10:43

Код:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<script language="javascript">
function heightDiv(){
divheight = document.getElementById('divko2').clientHeight
document.getElementById('divko1').style.height = divheight
}

</script>
</head>

<body>
<div id="divko1" style="float:left; width:200px; border:1px solid red;">Мя дивко 1</div>
<div id="divko2" style="float:left; width:200px; border:1px solid red;">33 верстальщика и бутылка рома...<br> 32 верстальщика и бутылка рома</div>
	<div style="clear:both;"><input onClick="heightDiv()" value="Click" type="button"></div>
</body>

это как вычислить и присвоить, а какая из них самая высокая делается простой проверкой

KidsKilla · 28.03.2008, 13:37

Йожег, за такой код буду руки отрывать.
не .clientHeight а .offsetHeight

Код:

(function(){
var divs = ['d', 'd2', 'd3']
var each = function(arr, f){
	for(var i = 0, l = arr.length; i < l; i++)
		f(i, arr[i]);
};
each(divs, 
function(i, val){
	divs[i] = document.getElementById(val);
});
var max = 0;
each(divs, function(i, el){
	max = Math.max(el.offsetHeight, max);
});
each(divs, function(i, el){
	el.style.height = max+'px';
});
setTimeout(arguments.callee, 100)
})()

только есть 1 ограничение: в стрикте (с доктайпом) оффсет учитывает бордеры. а без доктайпа -- нет.
поэтому лучше дивам не задавать бордеры вообще.

Йожег · 28.03.2008, 13:44

KidsKilla бордер появляется из-за того что используется offsetHeight а не clientHeight, если не трудно объясни почему ты так против clientHeight?

KidsKilla · 28.03.2008, 13:48

с доктайпом в ие7 говорит 0.

Йожег · 28.03.2008, 13:49

в лисе не работает не то ни другое, по крайней мере у меня) никто не совершенен ничто не идеально)

KidsKilla · 28.03.2008, 13:52

приведенный мной код работает везде. над только ид правильные вписать

NiceOne · 28.03.2008, 19:57

2 KidsKilla

спасибо большое =)

NiceOne · 29.03.2008, 02:24

2 KidsKilla а можешь свой код немного закоментить ... а то не очень получается расстваить правильно все ид

KidsKilla · 31.03.2008, 16:04

тут 2 строки всего:
var divs = ['d', 'd2', 'd3'] -- список ид,
setTimeout(arguments.callee, 100) -- самообновление. если не нужно, можно удалить