First Commit
This commit is contained in:
103
html/sternwarte/beoanswer/js/jquery-ui-slider-access-addon.js
vendored
Executable file
103
html/sternwarte/beoanswer/js/jquery-ui-slider-access-addon.js
vendored
Executable file
@@ -0,0 +1,103 @@
|
||||
/*
|
||||
* jQuery UI Slider Access
|
||||
* By: Trent Richardson [http://trentrichardson.com]
|
||||
* Version 0.2
|
||||
* Last Modified: 12/12/2011
|
||||
*
|
||||
* Copyright 2011 Trent Richardson
|
||||
* Dual licensed under the MIT and GPL licenses.
|
||||
* http://trentrichardson.com/Impromptu/GPL-LICENSE.txt
|
||||
* http://trentrichardson.com/Impromptu/MIT-LICENSE.txt
|
||||
*
|
||||
*/
|
||||
(function ($) {
|
||||
|
||||
$.fn.extend({
|
||||
sliderAccess: function (options) {
|
||||
options = options || {};
|
||||
options.touchonly = options.touchonly !== undefined ? options.touchonly : true; // by default only show it if touch device
|
||||
|
||||
if (options.touchonly === true && !("ontouchend" in document))
|
||||
return $(this);
|
||||
|
||||
return $(this).each(function (i, obj) {
|
||||
var $t = $(this),
|
||||
o = $.extend({}, {
|
||||
where: 'after',
|
||||
step: $t.slider('option', 'step'),
|
||||
upIcon: 'ui-icon-plus',
|
||||
downIcon: 'ui-icon-minus',
|
||||
text: false,
|
||||
upText: '+',
|
||||
downText: '-',
|
||||
buttonset: true,
|
||||
buttonsetTag: 'span',
|
||||
speed: 150
|
||||
}, options),
|
||||
$buttons = $('<' + o.buttonsetTag + ' class="ui-slider-access">' +
|
||||
'<button data-icon="' + o.downIcon + '" data-step="-' + o.step + '">' + o.downText + '</button>' +
|
||||
'<button data-icon="' + o.upIcon + '" data-step="' + o.step + '">' + o.upText + '</button>' +
|
||||
'</' + o.buttonsetTag + '>');
|
||||
|
||||
$buttons.children('button').each(function (j, jobj) {
|
||||
var $jt = $(this),
|
||||
timeout = null,
|
||||
increment = function($jt, $t, e) {
|
||||
var step = $jt.data('step'),
|
||||
curr = $t.slider('value'),
|
||||
newval = curr += step * 1,
|
||||
minval = $t.slider('option', 'min'),
|
||||
maxval = $t.slider('option', 'max');
|
||||
e.preventDefault();
|
||||
if (newval < minval || newval > maxval)
|
||||
return;
|
||||
$t.slider('value', newval);
|
||||
$t.slider("option", "slide").call($t, null, { value: newval });
|
||||
};
|
||||
|
||||
$jt.button({
|
||||
text: o.text,
|
||||
icons: { primary: $jt.data('icon') }
|
||||
})
|
||||
.bind('touchstart mousedown', function (e) {
|
||||
increment($jt, $t, e);
|
||||
timeout = setInterval(function () {
|
||||
increment($jt, $t, e);
|
||||
}, o.speed);
|
||||
});
|
||||
|
||||
$(document).bind('touchend mouseup', function (e) {
|
||||
clearInterval(timeout);
|
||||
return e.type == 'touchend';
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// before or after
|
||||
$t[o.where]($buttons);
|
||||
|
||||
if (o.buttonset) {
|
||||
$buttons.removeClass('ui-corner-right').removeClass('ui-corner-left').buttonset();
|
||||
$buttons.eq(0).addClass('ui-corner-left');
|
||||
$buttons.eq(1).addClass('ui-corner-right');
|
||||
}
|
||||
|
||||
// adjust the width so we don't break the original layout
|
||||
var bOuterWidth = $buttons.css({
|
||||
marginLeft: (o.where == 'after' ? 10 : 0),
|
||||
marginRight: (o.where == 'before' ? 10 : 0)
|
||||
}).outerWidth(true) + 5;
|
||||
var tOuterWidth = $t.outerWidth(true);
|
||||
|
||||
// support "always" hide the slider
|
||||
if (o.hideSlider == 'always' || (o.hideSlider == 'touch' && ("ontouchend" in document))) {
|
||||
$t.css('display', 'none');
|
||||
}
|
||||
else {
|
||||
$t.css('display', 'inline-block').width(tOuterWidth - bOuterWidth);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user