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']));
?>