Sha256: 8da7e0c682afb9c489b78114f9db4fa777d7d450ab85c27be76abd0cfbc1adc7
Contents?: true
Size: 1.44 KB
Versions: 115
Compression:
Stored size: 1.44 KB
Contents
/**
* Equal Heights Plugin
* Equalize the heights of elements. Great for columns or any elements
* that need to be the same size (floats, etc).
*
* Version 1.0
* Updated 12/10/2008
*
* Copyright (c) 2008 Rob Glazebrook (cssnewbie.com)
*
* Usage: $(object).equalHeights([minHeight], [maxHeight]);
*
* Example 1: $(".cols").equalHeights(); Sets all columns to the same height.
* Example 2: $(".cols").equalHeights(400); Sets all cols to at least 400px tall.
* Example 3: $(".cols").equalHeights(100,300); Cols are at least 100 but no more
* than 300 pixels tall. Elements with too much content will gain a scrollbar.
*
*/
(function($) {
$.fn.equalHeights = function(minHeight, maxHeight) {
tallest = (minHeight) ? minHeight : 0;
this.each(function() {
if($(this).height() > tallest) {
tallest = $(this).height();
}
});
if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
return this.each(function() {
$(this).height(tallest)
});
}
})(jQuery);
(function($) {
$.fn.siblingHeights = function(selector, minHeight, maxHeight) {
this.each(function() {
tallest = (minHeight) ? minHeight : 0;
items = $(this).siblings(selector);
items.push(this);
items.each(function() {
if($(this).height() > tallest) {
tallest = $(this).height();
}
});
});
if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
return this.each(function() {
$(this).height(tallest)
});
}
})(jQuery);
Version data entries
115 entries across 115 versions & 2 rubygems