ikan Uploader :
Directory : /home/ni05r7l36tus/www/js/
Upload File : |
| Current File : /home/ni05r7l36tus/www/js/handleCounter.js |
/**
* handle counter
* @writable text input is manual write
*/
;(function () {
'use strict';
$.fn.handleCounter = function (options) {
var $input,
$btnMinus,
$btnPlugs,
minimum,
maximize,
writable,
onChange,
onMinimum,
onMaximize;
var $handleCounter = this
$btnMinus = $handleCounter.find('.counter-minus')
$input = $handleCounter.find('input')
$btnPlugs = $handleCounter.find('.counter-plus')
var defaultOpts = {
writable: true,
minimum: 1,
maximize: null,
onChange: function(){},
onMinimum: function(){},
onMaximize: function(){}
}
var settings = $.extend({}, defaultOpts, options)
minimum = settings.minimum
maximize = settings.maximize
writable = settings.writable
onChange = settings.onChange
onMinimum = settings.onMinimum
onMaximize = settings.onMaximize
//validate minimum, reverting to default if needed
if (!$.isNumeric(minimum)) {
minimum = defaultOpts.minimum
}
if (!$.isNumeric(maximize)) {
maximize = defaultOpts.maximize
}
var inputVal = $input.val()
if (isNaN(parseInt(inputVal))) {
inputVal = $input.val(0).val()
}
if (!writable) {
$input.prop('disabled', true)
}
changeVal(inputVal)
$input.val(inputVal)
$btnMinus.click(function () {
var num = parseInt($input.val())
if (num > minimum) {
$input.val(num - 1)
changeVal(num - 1)
}
})
$btnPlugs.click(function () {
var num = parseInt($input.val())
if (maximize==null||num < maximize) {
$input.val(num + 1)
changeVal(num + 1)
}
})
var keyUpTime
$input.keyup(function () {
clearTimeout(keyUpTime)
keyUpTime = setTimeout(function() {
var num = $input.val()
if (num == ''){
num = minimum
$input.val(minimum)
}
var reg = new RegExp("^[\\d]*$")
if (isNaN(parseInt(num)) || !reg.test(num)) {
$input.val($input.attr('data-num'))
changeVal($input.attr('data-num'))
} else if (num < minimum) {
$input.val(minimum)
changeVal(minimum)
}else if (maximize!=null&&num > maximize) {
$input.val(maximize)
changeVal(maximize)
} else {
changeVal(num)
}
},300)
})
$input.focus(function () {
var num = $input.val()
if (num == 0) $input.select()
})
function changeVal(num) {
$input.attr('data-num', num)
$btnMinus.prop('disabled', false)
$btnPlugs.prop('disabled', false)
if (num <= minimum) {
$btnMinus.prop('disabled', true)
onMinimum.call(this, num)
} else if (maximize!=null&&num >= maximize) {
$btnPlugs.prop('disabled', true)
onMaximize.call(this, num)
}
onChange.call(this, num)
}
return $handleCounter
};
})(jQuery)
$(function ($) {
var options = {
minimum: 1,
maximize: 10,
onChange: valChanged,
onMinimum: function(e) {
console.log('reached minimum: '+e)
},
onMaximize: function(e) {
console.log('reached maximize'+e)
}
}
$('#handleCounter').handleCounter(options)
$('#handleCounter2').handleCounter(options)
$('#handleCounter3').handleCounter({maximize: 100})
$('#handleCounter4').handleCounter({maximize: 100})
$('#handleCounter5').handleCounter({maximize: 100})
$('#handleCounter6').handleCounter({maximize: 100})
})
function valChanged(d) {
// console.log(d)
}
// $(window).on("load", function() {
// "use strict";
//
// });
........