JQuery - Plugins - Versionsgeschichte

37.49.72.8 am 19. März 2019 um 14:36 Uhr

2019-03-19T14:36:38Z

Steff: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „Siehe: JavaScript - Plugins“

2017-04-28T19:35:15Z

Der Seiteninhalt wurde durch einen anderen Text ersetzt: „Siehe: JavaScript - Plugins“

149.172.227.142 am 10. November 2016 um 13:02 Uhr

2016-11-10T13:02:26Z

149.172.227.142: Die Seite wurde neu angelegt: „jQuery - equal heights /* /* * @Copyright (c) 2013 James Stoddern - info@jamesstoddern.net * web:jamesstoddern.net…“

2016-11-10T13:01:40Z

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>

← Nächstältere Version		Version vom 19. März 2019, 14:36 Uhr
Zeile 1:		Zeile 1:
	Siehe: [[JavaScript - Plugins]]		Siehe: [[JavaScript - Plugins]]
		+
		+	== Aufbau ==
		+	<pre>
		+	//this is a jquery plugin,
		+	//jquery plugins start this way
		+	//so you could select $('img').imageCrop();
		+	$.fn.imageCrop = function(customOptions) {
		+	//Iterate over each object
		+	this.each(function() {
		+	//keeps the current iterated object in a variable
		+	//current image will be kept in this var untill the next loop
		+	var currentObject = this,
		+	//creates a new Image object
		+	image = new Image();
		+	// And attach imageCrop when the object is loaded
		+	//correct
		+	image.onload = function() {
		+	$.imageCrop(currentObject, customOptions);
		+	};
		+	//sets the src to wait for the onload event up here ^
		+	image.src = currentObject.src;
		+	});
		+	// Unless the plug-in is returning an intrinsic value, always have the
		+	// function return the 'this' keyword to maintain chainability
		+	return this;
		+	};
		+	</pre>

← Nächstältere Version		Version vom 28. April 2017, 19:35 Uhr
Zeile 1:		Zeile 1:
−	~~== jQuery - equal heights ==~~	+	Siehe: [[JavaScript - Plugins]]
−
−	~~<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>~~

← Nächstältere Version		Version vom 10. November 2016, 13:02 Uhr
Zeile 1:		Zeile 1:
−	jQuery - equal heights	+	== jQuery - equal heights ==

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">