jQuery 1.x

Snippet: <script src="//code.xport.de/jquery/1.12.4/jquery.min.js"></script> (94.89K) Versions: 1.11.2, 1.12.4

jQuery 2.x

Snippet: <script src="//code.xport.de/jquery/2.2.4/jquery.min.js"></script> (83.57K) Versions: 2.1.3, 2.2.4

jQuery 3.x

Snippet: <script src="//code.xport.de/jquery/3.1.1/jquery.min.js"></script> (84.68K) Versions: 3.1.1

jQuery Migrate

Snippet: <script src="//code.xport.de/jquery/migrate/jquery-migrate.min.js"></script> (7.03K) Versions: migrate

JensSwipe

(1.90K)
Snippet:
<script src="//code.xport.de/jenstools/swipe/0.2.1/jquery.jensswipe.min.js"></script> <script src="//code.xport.de/jenstools/swipe/addons/jquery.jensswipe-addons.min.js"></script> (1.98K, Addons, drag detection, scroll detection) <script src="//code.xport.de/jenstools/swipe/bundle/jquery.jensswipe-bundle.min.js"></script> (3.89K, Bundle)
Versions: 0.2.0, 0.2.1 Usage: [show]
$(document).ready(function()
{
	$('.swipe-me').JensSwipe({
		offset: 50, // default: 50, distance in px you need to move before anything happens
		preventDefault: true, // default: true, if default behaviour should be enabled or behinderte (swipe events only)
		/*
		 * x: x-coord
		 * y: y-coord
		 * status: touchStart, touchMove, touchEnd
		 */
		onSwipeLeft: function(x, y, status)
		{
			// swipe left
		},
		onSwipeRight: function(x, y, status)
		{
			// swipe right
		},
		onSwipeUp: function(x, y, status)
		{
			// swipe up
		},
		onSwipeDown: function(x, y, status)
		{
			// swipe down
		},
		/*
		 * use the following options only if addons plugin or the bundle is included 
		 *
		 * status: dragStart, dragging, dragEnd
		 */
		onDragLeft: function(x, y, status)
		{
			// drag left
		},
		onDragRight: function(x, y, status)
		{
			// drag right
		},
		onDragUp: function(x, y, status)
		{
			// drag up
		},
		onDragDown: function(x, y, status)
		{
			// drag down
		},
		onScroll: function(direction, axis)
		{
			// direction: left, right, up, down
			// axis: x, y
		}
	})
});
		

JensCordion

(2.26K)
Snippet: <script src="//code.xport.de/jenstools/cordion/0.2.0/jquery.jenscordion.min.js"></script> Versions: 0.1.1, 0.2.0 Usage: [show]
$(document).ready(function()
{
	$('.accordion').JensCordion({
		headerElem: 'h3',
		useElementWrapper: false, // are you using a wrapper for a single accordion item?
		closedStart: false, // if content should be hidden on init
		firstElement: 1, // element to open on init
		speed: 0 // open/close animation time
	});
})
			

Headline 1

text 1

Headline 2

text 2

Headline 3

text 3

Headline 4

text 4

Headline 1

text 1

Headline 2

text 2

Headline 3

text 3

Headline 4

text 4

JensSelect

(2.59K)
Snippet:
<script src="//code.xport.de/jenstools/select/1.0.1/jquery.jensselect.min.js"></script> <link rel="stylesheet" type="text/css" href="//code.xport.de/jenstools/select/1.0.1/jquery.jensselect.min.css"></script>
Versions: 1.0.0, 1.0.1 Usage: [show]
$(document).ready(function() {
	// $('#salutation').JensSelect();
	$('select').JensSelect();
})
			

JensMarquee

(1.24K)
Snippet: <script src="//code.xport.de/jenstools/marquee/0.1.0/jquery.jensmarquee.min.js"></script> Versions: 0.1.0 Usage: [show]
$(document).ready(function()
{
	$('#ticker').JensMarquee({
		speed: 20, // in ms, the lower, the faster
		stopOnHover: true
	});
})
			
  • +++ lorem ipsum
  • +++ dolores
  • +++ lalalalla
  • +++ lulululululu
div {
	overflow: hidden;
	position: relative;
}

ul {
	position: relative;
}

li {
	float: left;
}
			

Pikaday

(13.00K)
Snippet:
<script src="//code.xport.de/pikaday/pikaday.min.js"></script> <link rel="stylesheet" type="text/css" href="//code.xport.de/pikaday/pikaday.css" />
Versions: 1.0.0, 1.0.1, 1.0.2 Usage: [show]
jQuery(document).ready(function($)
{
	// start pikaday
	var arrivalSplit   = $('#txtD21Arrival').val().split('.')
		, arrivalDate    = new Date(arrivalSplit[2] + '-' + arrivalSplit[1] + '-' + arrivalSplit[0])
		, today          = new Date()
	//  , tomorrow       = $('#txtD21Departure').val() == '' ? $('#txtD21Departure').val() : new Date(today.getTime() + 86400000)
		, departSplit    = $('#txtD21Departure').val().split('.')
		, departDate     = new Date(departSplit[2] + '-' + departSplit[1] + '-' + departSplit[0])
		, tomorrow       = new Date(today.getTime() + 86400000)
		, arrivalDateObj = new Object;

	var lang_deDE = {
		months        : ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','October','November','Dezember'],
		weekdays      : ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'],
		weekdaysShort : ['So','Mo','Di','Mi','Do','Fr','Sa']
	};

	var lang_enGB = {
		months        : ['January','February','March','April','May','June','July','August','September','October','November','December'],
		weekdays      : ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
		weekdaysShort : ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
	}

	var i18n = lang_deDE;

	var arrivalPicker = new Pikaday({
		field: $('#txtD21Arrival')[0],
		trigger: $('.bookingForm .arrival')[0],
		firstDay: 1,
		format: 'xFormat',
		minDate: today,
		defaultDate: arrivalDate,
		setDefaultDate: arrivalDate,
		i18n: i18n,
		onSelect: function(dateObj)
		{
			if (dateObj.getTime() >= departurePicker.getDate().getTime())
			{
				var arrivalDatePlusOneDayObj = new Date(dateObj.setDate(dateObj.getDate()+1));
				departurePicker.setDate(arrivalDatePlusOneDayObj);
			}
			updateBookingDisplay(lang_deDE.months);
		}
	});

	var departurePicker = new Pikaday({
		field: $('#txtD21Departure')[0],
		trigger: $('.bookingForm .departure')[0],
		firstDay: 1,
		format: 'xFormat',
		minDate: tomorrow,
		defaultDate: departDate,
		setDefaultDate: departDate,
		i18n: i18n,
		onSelect: function(dateObj)
		{
			if (dateObj.getTime() <= arrivalPicker.getDate().getTime())
			{
				var departureDateMinusOneDayObj = new Date(dateObj.setDate(dateObj.getDate()-1));
				arrivalPicker.setDate(departureDateMinusOneDayObj);
			}
			updateBookingDisplay(lang_deDE.months);
		}
	});
	
	/*
	 * individual format with PHP-date()-syntax.
	 * currently supported format strings:
	 *
	 * j = day of month numeric without leading zero
	 * d = day of month numeric with leding zero
	 * S = english ordinal suffix for day of month (st, nd, rd or th)
	 * w = weekday numeric (0 = so, 1 = mo, ..., 6 = sa)
	 * N = weekday numeric ISO-8601 (1 = mo, ..., 7 = so)
	 * D = weekday short text (2 or 3 letters)
	 * l = weekday full text
	 * n = month numeric without leding zero
	 * m = month numeric with leding zero
	 * M = month short text (3 letters)
	 * F = month full text
	 * y = year short (2 digits)
	 * Y = year full (4 digits)
	 */
	
	new Pikaday({
		...
		format: 'd.m.Y' // 01.01.2016
		...
	});
	
	new Pikaday({
		...
		format: 'D, j. F Y' // Fr, 1. Januar 2016
		...
	});
});

			
<?php
	$arrival   = date('d.m.Y');
	$departure = date('d.m.Y', strtotime('tomorrow'));

	if (!empty($GLOBALS['anreise']))
		$arrival   = date('d.m.Y', strtotime($GLOBALS['anreise']));
	if (!empty($GLOBALS['abreise']))
		$departure = date('d.m.Y', strtotime($GLOBALS['abreise']));
?>