JavaScript - Match Height - Versionsgeschichte

149.172.225.28: /* Doku */

2018-03-06T17:48:43Z

Doku

37.49.32.84 am 11. Oktober 2017 um 15:43 Uhr

2017-10-11T15:43:12Z

Steff: /* Source */

2017-04-28T19:46:33Z

Source

Steff: /* jQuery - MatchHeight */

2017-04-28T19:44:17Z

jQuery - MatchHeight

Änderungen zeigen

Steff am 28. April 2017 um 19:41 Uhr

2017-04-28T19:41:03Z

Steff: Die Seite wurde neu angelegt: „== jQuery - Equal Heights == /* /* * @Copyright (c) 2013 James Stoddern - info@jamesstoddern.net * web:jamesstoddern.n…“

2017-04-28T19:37:33Z

Neue Seite

== jQuery - Equal Heights ==
<syntaxhighlight lang="javascript">
/*
/* * @Copyright (c) 2013 James Stoddern - info@jamesstoddern.net
* web:jamesstoddern.net
*
* Permission is hereby granted, free of charge, to any person
* obtaining a copy of this software and associated documentation
* files (the "Software"), to deal in the Software without
* restriction, including without limitation the rights to use,
* copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following
* conditions:
* The above copyright notice and this permission notice shall be
* included in all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
* OTHER DEALINGS IN THE SOFTWARE.
*
* How to use it:
*
* If you have a series of floated columns, which you wish to make the same height, give them all the same
* class, and then run the plugin. It will determine the tallest div, and equalise the height of the rest
*
* $('.selector').equalHeights();
*
*
*/

(function( $ ) {
$.fn.equalHeights = function() {
var tallestElement = 0;
var startRow = 0;
var elements = new Array();
var $currentElement;
var topPosition = 0;

this.each(function() {

$currentElement = $(this);
topPostion = $currentElement.position().top;

if (startRow != topPostion) {
for (currentDiv = 0 ; currentDiv < elements.length ; currentDiv++) {
elements[currentDiv].height(tallestElement);
}

elements.length = 0;
startRow = topPostion;
tallestElement = $currentElement.height();
elements.push($currentElement);

} else {
elements.push($currentElement);
tallestElement = (tallestElement < $currentElement.height()) ? ($currentElement.height()) : (tallestElement);

}

for (currentDiv = 0 ; currentDiv < elements.length ; currentDiv++) {
elements[currentDiv].height(tallestElement);
}

});

};
}) ( jQuery );
</syntaxhighlight>

@@ Zeile 570: / Zeile 570: @@
 Also note that previous matchHeight bindings do not apply to new elements, even if they match the selector used. In this case you must remove the old bindings and add new ones, see this comment.
 </pre>
 == jQuery - Equal Heights ==

← Nächstältere Version		Version vom 11. Oktober 2017, 15:43 Uhr
Zeile 1:		Zeile 1:
		+	== Links ==
		+	[[jQuery - Equalize Plugin]] - wie MatchHeight aber kann auch mehrere Zeilen in responsiven Layouts handeln, indem es checkt ob die Spalten auf der gleichen Höhe beginnen.
	== jQuery - MatchHeight ==		== jQuery - MatchHeight ==
	https://github.com/liabru/jquery-match-height		https://github.com/liabru/jquery-match-height

@@ Zeile 4: / Zeile 4: @@
 Etwas ausgereifter als Equal Heights aber auch etwas größer. Allerdings sehr zuverlässig.
 === Source ===
 <syntaxhighlight lang="javascript">
 /**
@@ Zeile 394: / Zeile 410: @@
 });
 </syntaxhighlight>
 ===Doku===
 <pre>

← Nächstältere Version		Version vom 28. April 2017, 19:41 Uhr
Zeile 1:		Zeile 1:
		+	== jQuery - MatchHeight ==
		+	https://github.com/liabru/jquery-match-height
		+
		+	Etwas ausgereifter als Equal Heights aber auch etwas größer. Allerdings sehr zuverlässig.
		+
		+
		+
	== jQuery - Equal Heights ==		== jQuery - Equal Heights ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">