From 4193d56c23c2b47f0b20724225ff65a4eca33aac Mon Sep 17 00:00:00 2001 From: Aleksandr Klimenkov Date: Sun, 31 Aug 2014 17:01:54 +0400 Subject: [PATCH 1/5] trigger change event --- jquery.inputNumber.js | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/jquery.inputNumber.js b/jquery.inputNumber.js index 031d3bb..b01593e 100644 --- a/jquery.inputNumber.js +++ b/jquery.inputNumber.js @@ -12,6 +12,10 @@ this.init(); }; + var setValue = function(element, value) { + $(element).val(value).change(); + }; + InputNumber.prototype = { el: null, // input element @@ -31,7 +35,7 @@ init: function() { var opts = this.options; - + this.$el.wrap($('
', {'class':opts.wrapClass})); this.$el.after( $('', {'class':opts.upClass, 'title':opts.upTitle}), @@ -78,14 +82,14 @@ if (! opts.negative) { if (value >= 0) { - e.currentTarget.value = value; + setValue(e.currentTarget, value); } } else if (! opts.positive) { if (value <= 0) { - e.currentTarget.value = value; + setValue(e.currentTarget, value); } } else { - e.currentTarget.value = value; + setValue(e.currentTarget, value); } }); }, @@ -109,10 +113,10 @@ if (! this.options.positive) { if (value <= 0) { - this.el.value = value; + setValue(this.el, value); } } else { - this.el.value = value; + setValue(this.el, value); } }, @@ -121,10 +125,10 @@ if (! this.options.negative) { if (value >= 0) { - this.el.value = value; + setValue(this.el, value); } } else { - this.el.value = value; + setValue(this.el, value); } } From af224544c6d795992d817be4150cadbae4c0ac8e Mon Sep 17 00:00:00 2001 From: Aleksandr Klimenkov Date: Fri, 24 Oct 2014 02:23:37 +0400 Subject: [PATCH 2/5] change markup --- inputNumber.css | 12 ++++++------ jquery.inputNumber.js | 8 ++++---- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/inputNumber.css b/inputNumber.css index 01cbede..5013675 100644 --- a/inputNumber.css +++ b/inputNumber.css @@ -5,8 +5,8 @@ margin-right: 10px; } -.ranged-input a.up, -.ranged-input a.down { +.ranged-input button.up, +.ranged-input button.down { right: 0; display: block; position: absolute; @@ -19,20 +19,20 @@ border: 1px solid #cccccc; } -.ranged-input a.up { +.ranged-input button.up { top: 0; } -.ranged-input a.up:hover { +.ranged-input button.up:hover { background-position: -20px 0; } -.ranged-input a.down { +.ranged-input button.down { background-position: 0 -9px; bottom: 0; } -.ranged-input a.down:hover { +.ranged-input button.down:hover { background-position: -20px -9px; } diff --git a/jquery.inputNumber.js b/jquery.inputNumber.js index b01593e..c6258f9 100644 --- a/jquery.inputNumber.js +++ b/jquery.inputNumber.js @@ -38,8 +38,8 @@ this.$el.wrap($('
', {'class':opts.wrapClass})); this.$el.after( - $('', {'class':opts.upClass, 'title':opts.upTitle}), - $('', {'class':opts.downClass, 'title':opts.downTitle}) + $('