From 3b97ce1f8fcbee8b9a0c3c4180cadea9080a0d66 Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Sat, 21 Nov 2009 02:29:33 +0000 Subject: [PATCH] API CHANGE Moved jsparty/jquery/plugins/fitheighttoparent to sapphire/thirdparty/jquery-fitheightoparent git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@92499 467b73ca-7a2a-4603-9d3b-597d59a354a9 --- .../jquery.fitheighttoparent.js | 53 +++++++ thirdparty/jquery-fitheighttoparent/test.html | 11 ++ .../jquery-fitheighttoparent/tests/unit.html | 150 ++++++++++++++++++ 3 files changed, 214 insertions(+) create mode 100644 thirdparty/jquery-fitheighttoparent/jquery.fitheighttoparent.js create mode 100644 thirdparty/jquery-fitheighttoparent/test.html create mode 100644 thirdparty/jquery-fitheighttoparent/tests/unit.html diff --git a/thirdparty/jquery-fitheighttoparent/jquery.fitheighttoparent.js b/thirdparty/jquery-fitheighttoparent/jquery.fitheighttoparent.js new file mode 100644 index 000000000..9c952d563 --- /dev/null +++ b/thirdparty/jquery-fitheighttoparent/jquery.fitheighttoparent.js @@ -0,0 +1,53 @@ +/** + * Fits an element's height to its parent by substracting + * all (visible) siblings heights from the element. + * Caution: This will set overflow: hidden on the parent + * + * Copyright 2009 Ingo Schommer, SilverStripe Ltd. + * Licensed under MIT License: http://www.opensource.org/licenses/mit-license.php + * + * @todo Implement selectors to ignore certain elements + * + * @author Ingo Schommer, SilverStripe Ltd. + * @version 0.1 + */ +jQuery.fn.extend({ + fitHeightToParent: function() { + return jQuery(this).each(function() { + var $this = jQuery(this); + + var boxmodel = ['marginTop','marginBottom','paddingTop','paddingBottom','borderBottomWidth','borderTopWidth']; + + // don't bother if element or parent arent visible, + // we won't get height readings + if($this.is(':visible') && $this.parent().is(':visible')) { + + // we set overflow = hidden so that large children don't muck things up in IE6 box model + $this.parent().css('overflow', 'hidden'); + + // get height from parent without any margins as a starting point, + // and reduce any top/bottom paddings + var height = $this.parent().innerHeight() + - parseFloat($this.parent().css('paddingTop')) + - parseFloat($this.parent().css('paddingBottom')); + + // substract height of any siblings of the current element + // including their margins/paddings/borders + $this.siblings(':visible').filter(function() { + // remove all absolutely positioned elements + return (jQuery(this).css('position') != 'absolute'); + }).each(function() { + height -= jQuery(this).outerHeight(true); + }); + + // remove margins/paddings/borders on inner element + jQuery.each(boxmodel, function(i, name) { + height -= parseFloat($this.css(name)) || 0; + }); + + // set new height + $this.height(height); + } + }); + } +}); \ No newline at end of file diff --git a/thirdparty/jquery-fitheighttoparent/test.html b/thirdparty/jquery-fitheighttoparent/test.html new file mode 100644 index 000000000..8963b9dc5 --- /dev/null +++ b/thirdparty/jquery-fitheighttoparent/test.html @@ -0,0 +1,11 @@ + + + + + + + + test + + \ No newline at end of file diff --git a/thirdparty/jquery-fitheighttoparent/tests/unit.html b/thirdparty/jquery-fitheighttoparent/tests/unit.html new file mode 100644 index 000000000..ace86eadd --- /dev/null +++ b/thirdparty/jquery-fitheighttoparent/tests/unit.html @@ -0,0 +1,150 @@ + + + + + + + + + + + + + + + + + +

jquery.fitheighttoparent unit test

+ +

+ +
    + +
    + +
    +
    +
    +

    test 1

    +
    +
    +
    + +
    +
    +
    +

    test 2

    +
    +
    + +
    +
    +
    +

    test 3

    +
    +
    +
    + +
    +
    +
    +

    test 4

    +
    +
    + +
    +
    +

    test 5

    + +
    +
    +
    + +
    +
    +
    +

    test 6

    +

    Suspendisse vestibulum dignissim quam. Integer vel augue. Phasellus nulla purus, interdum ac, venenatis non, varius rutrum, leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis a eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce magna mi, porttitor quis, convallis eget, sodales ac, urna. Phasellus luctus venenatis magna. Vivamus eget lacus. Nunc tincidunt convallis tortor. Duis eros mi, dictum vel, fringilla sit amet, fermentum id, sem. Phasellus nunc enim, faucibus ut, laoreet in, consequat id, metus. Vivamus dignissim. Cras lobortis tempor velit. Phasellus nec diam ac nisl lacinia tristique. Nullam nec metus id mi dictum dignissim. Nullam quis wisi non sem lobortis condimentum. Phasellus pulvinar, nulla non aliquam eleifend, tortor wisi scelerisque felis, in sollicitudin arcu ante lacinia leo.

    +

    +Suspendisse vestibulum dignissim quam. Integer vel augue. Phasellus nulla purus, interdum ac, venenatis non, varius rutrum, leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis a eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce magna mi, porttitor quis, convallis eget, sodales ac, urna. Phasellus luctus venenatis magna. Vivamus eget lacus. Nunc tincidunt convallis tortor. Duis eros mi, dictum vel, fringilla sit amet, fermentum id, sem. Phasellus nunc enim, faucibus ut, laoreet in, consequat id, metus. Vivamus dignissim. Cras lobortis tempor velit. Phasellus nec diam ac nisl lacinia tristique. Nullam nec metus id mi dictum dignissim. Nullam quis wisi non sem lobortis condimentum. Phasellus pulvinar, nulla non aliquam eleifend, tortor wisi scelerisque felis, in sollicitudin arcu ante lacinia leo.

    +

    +Suspendisse vestibulum dignissim quam. Integer vel augue. Phasellus nulla purus, interdum ac, venenatis non, varius rutrum, leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis a eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce magna mi, porttitor quis, convallis eget, sodales ac, urna. Phasellus luctus venenatis magna. Vivamus eget lacus. Nunc tincidunt convallis tortor. Duis eros mi, dictum vel, fringilla sit amet, fermentum id, sem. Phasellus nunc enim, faucibus ut, laoreet in, consequat id, metus. Vivamus dignissim. Cras lobortis tempor velit. Phasellus nec diam ac nisl lacinia tristique. Nullam nec metus id mi dictum dignissim. Nullam quis wisi non sem lobortis condimentum. Phasellus pulvinar, nulla non aliquam eleifend, tortor wisi scelerisque felis, in sollicitudin arcu ante lacinia leo.

    +
    +
    + + \ No newline at end of file