Hi,<\/p>\n
I decided to create another blog post to make it easier to find the updated version of the important matching columns script<\/a> – it was buried in the originals article’s comments.<\/p>\n Notes:<\/p>\n –<\/p>\n Updated script by: Jonathan del Mar <\/p>\n I have modified the script to work with multiple class groups also with elements with multiple class names<\/p>\n \/* Modified to work with multiple class groups also with elements with multiple class names How it works: just apply the CSS class of \u00e2\u20ac\u02dccolumn\u00e2\u20ac\u2122 to your pages\u00e2\u20ac\u2122 main columns.<\/p>\n to work with different classes var columns = new Array(\u00e2\u20ac\u2122class_name1\u00e2\u20ac\u00b2, \u00e2\u20ac\u02dcclass_name1\u00e2\u20ac\u00b2\u00e2\u20ac\u00a6);<\/p>\n by Jonathan del Mar<\/p>\n by default the script will call *\/ var divs,contDivs,maxHeight,divHeight,d;<\/p>\n \/\/ get all elements in the document<\/p>\n divs=document.getElementsByTagName(\u00e2\u20ac\u2122div\u00e2\u20ac\u2122);<\/p>\n contDivs=[];<\/p>\n \/\/ initialize maximum height value my_regex = new RegExp(\u00e2\u20ac\u2122(.* |^)\u00e2\u20ac\u2122 + my_class + \u00e2\u20ac\u02dc( .*|$)\u00e2\u20ac\u2122);<\/p>\n \/\/ iterate over all elements in the document<\/p>\n for(var i=0;i elements with class attribute \u00e2\u20ac\u02dccontainer\u00e2\u20ac\u2122<\/p>\n \/\/if(\/\\bcolumn\\b\/.test(divs[i].className)){ if(my_regex.test(divs[i].className)){ contDivs[contDivs.length]=d;<\/p>\n \/\/ determine height for element<\/p>\n if(d.offsetHeight){<\/p>\n divHeight=d.offsetHeight;<\/p>\n }<\/p>\n else if(d.style.pixelHeight){<\/p>\n divHeight=d.style.pixelHeight;<\/p>\n }<\/p>\n \/\/ calculate maximum height<\/p>\n maxHeight=Math.max(maxHeight,divHeight);<\/p>\n }<\/p>\n }<\/p>\n \/\/ assign maximum height value to all of container elements<\/p>\n for(var i=0;i to your html header. <\/p>\n","protected":false},"excerpt":{"rendered":" Hi, I decided to create another blog post to make it easier to find the updated version of the important matching columns script – it was buried in the originals article’s comments. Notes: The original matching columns video tutorial The original discussion on the web design forum – Updated script by: Jonathan del Mar I … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,9],"tags":[20,19],"_links":{"self":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/167"}],"collection":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":0,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/167\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/categories?post=167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/tags?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\nDerived from a script by Alejandro Gervasio.
\nModified to work in FireFox by Stefan Mischook for Killersites.com<\/p>\n
\nby Jonathan del Mar (dec-14-2006)<\/p>\n
\nadd<\/p>\n
\nmatchColumns();
\nand the default class_name is \u00e2\u20ac\u02dccolumn\u00e2\u20ac\u2122
\n(see the bottom of this script)
\nby Jonathan del Mar<\/p>\n
\nmatchColumns=function(my_class){<\/p>\n
\nmaxHeight=0;
\nif (!my_class) {
\nmy_class = \u00e2\u20ac\u02dccolumn\u00e2\u20ac\u2122;
\n}<\/p>\n
\n\/\/ modified by Jonathan del Mar to match \u00e2\u20ac\u02dccolumn\u00e2\u20ac\u2122 in multiple classes<\/p>\n
\nd=divs[i];<\/p>\n
\nvar columns = new Array(\u00e2\u20ac\u2122class_name1\u00e2\u20ac\u00b2, \u00e2\u20ac\u02dcclass_name2\u00e2\u20ac\u00b2, \u00e2\u20ac\u00a6);<\/p>\n