https://cdn.forumishqiptar.com/images/tf_ideal/script.js

1addLoadListener(equalHeight);
2
3function equalHeight() {
4
5var myLeftColumn = document.getElementById("left_column");
6var myRightColumn = document.getElementById("right_column");
7
8var myLeftHeight = myLeftColumn.offsetHeight;
9var myRightHeight = myRightColumn.offsetHeight;
10
11var myLeftBorderTopPixels = retrieveComputedStyle(myLeftColumn, "borderTopWidth");
12var myLeftBorderBottomPixels = retrieveComputedStyle(myLeftColumn, "borderBottomWidth");
13var myLeftPaddingTopPixels = retrieveComputedStyle(myLeftColumn, "paddingTop");
14var myLeftPaddingBottomPixels = retrieveComputedStyle(myLeftColumn, "paddingBottom");
15
16var myRightBorderTopPixels = retrieveComputedStyle(myRightColumn, "borderTopWidth");
17var myRightBorderBottomPixels = retrieveComputedStyle(myRightColumn, "borderBottomWidth");
18var myRightPaddingTopPixels = retrieveComputedStyle(myRightColumn, "paddingTop");
19var myRightPaddingBottomPixels = retrieveComputedStyle(myRightColumn, "paddingBottom");
20
21var myLeftBorderNumber = Number(myLeftBorderTopPixels.replace("px", "")) + Number(myLeftBorderBottomPixels.replace("px", ""));
22var myLeftPaddingNumber = Number(myLeftPaddingTopPixels.replace("px", "")) + Number(myLeftPaddingBottomPixels.replace("px", ""));
23var myLeftExtras = myLeftBorderNumber + myLeftPaddingNumber;
24
25var myRightBorderNumber = Number(myRightBorderTopPixels.replace("px", "")) + Number(myRightBorderBottomPixels.replace("px", ""));
26var myRightPaddingNumber = Number(myRightPaddingTopPixels.replace("px", "")) + Number(myRightPaddingBottomPixels.replace("px", ""));
27var myRightExtras = myRightBorderNumber + myRightPaddingNumber;
28
29	if (myLeftHeight > myRightHeight) {
30		myRightColumn.style.height = (myLeftHeight - myRightExtras) + "px";
31	}
32	
33	else {
34		myLeftColumn.style.height = (myRightHeight - myLeftExtras) + "px";
35	}
36	
37}
38
39function retrieveComputedStyle(element, styleProperty)
40{
41		var computedStyle = null;
42		
43		if (typeof element.currentStyle != "undefined")
44		{
45			computedStyle = element.currentStyle;
46		}
47		else
48		{
49			computedStyle = document.defaultView.getComputedStyle(element, null);
50		}
51		return computedStyle[styleProperty];
52}
53
54function addLoadListener(fn)
55{
56	if (typeof window.addEventListener != 'undefined')
57	{
58	window.addEventListener('load', fn, false);
59}
60else if (typeof document.addEventListener != 'undefined')
61{
62	document.addEventListener('load', fn, false);
63}
64else if (typeof window.attachEvent != 'undefined')
65{
66	window.attachEvent('onload', fn);
67}
68else
69{
70	var oldfn = window.onload;
71	if (typeof window.onload != 'function')
72	{
73	window.onload = fn;
74	}
75	else
76	{
77	window.onload = function()
78	{
79	oldfn();
80	fn();
81	};
82	}
83	}
84}