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 1Headline 2
text 2Headline 3
text 3Headline 4
text 4Headline 1
text 1Headline 2
text 2Headline 3
text 3Headline 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'])); ?>