https://islandtrauma.com/equalcolumns.js

1//** Dynamic Drive Equal Columns Height script v1.01 (Nov 2nd, 06)
2//** http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-script/
3
4var ddequalcolumns=new Object()
5//Input IDs (id attr) of columns to equalize. Script will check if each corresponding column actually exists:
6ddequalcolumns.columnswatch=["main_rt", "main_rt", "main_right", "main_left_short"]
7
8ddequalcolumns.setHeights=function(reset){
9var tallest=0
10var resetit=(typeof reset=="string")? true : false
11for (var i=0; i<this.columnswatch.length; i++){
12if (document.getElementById(this.columnswatch[i])!=null){
13if (resetit)
14document.getElementById(this.columnswatch[i]).style.height="auto"
15if (document.getElementById(this.columnswatch[i]).offsetHeight>tallest)
16tallest=document.getElementById(this.columnswatch[i]).offsetHeight
17}
18}
19if (tallest>0){
20for (var i=0; i<this.columnswatch.length; i++){
21if (document.getElementById(this.columnswatch[i])!=null)
22document.getElementById(this.columnswatch[i]).style.height=tallest+"px"
23}
24}
25}
26
27ddequalcolumns.resetHeights=function(){
28this.setHeights("reset")
29}
30
31ddequalcolumns.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
32var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
33if (target.addEventListener)
34target.addEventListener(tasktype, functionref, false)
35else if (target.attachEvent)
36target.attachEvent(tasktype, functionref)
37}
38
39ddequalcolumns.dotask(window, function(){ddequalcolumns.setHeights()}, "load")
40ddequalcolumns.dotask(window, function(){if (typeof ddequalcolumns.timer!="undefined") clearTimeout(ddequalcolumns.timer); ddequalcolumns.timer=setTimeout("ddequalcolumns.resetHeights()", 200)}, "resize")
41