From 4ed48c8c1f36c6064c8f2f08c54ba2d32f2540ab Mon Sep 17 00:00:00 2001
From: James <james@digitalagua.com>
Date: Sat, 3 Jan 2015 13:22:33 -0800
Subject: [PATCH 1/2] Added a `tick` hook to track everytime the dial changed.

---
 js/jquery.knob.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/js/jquery.knob.js b/js/jquery.knob.js
index 5294ffa..6dea88f 100644
--- a/js/jquery.knob.js
+++ b/js/jquery.knob.js
@@ -60,6 +60,7 @@
         this.g = null; // deprecated 2D graphics context for 'pre-rendering'
         this.v = null; // value ; mixed array or integer
         this.cv = null; // change value ; not commited value
+        this.tv = null; // tick value ; integer
         this.x = 0; // canvas x position
         this.y = 0; // canvas y position
         this.w = 0; // canvas width
@@ -126,6 +127,7 @@
                     change: null, // function (value) {}
                     cancel: null, // function () {}
                     release: null, // function (value) {}
+                    tick: null, // function (value) {}
 
                     // Output formatting, allows to add unit: %, ms ...
                     format: function(v) {
@@ -159,13 +161,12 @@
                         function () {
                             var val = {};
                             val[k] = $this.val();
-                            s.val(s._validate(val));
+                            s.change(s._validate(val));
                         }
                     );
                 });
                 this.$.find('legend').remove();
             } else {
-
                 // input = integer
                 this.i = this.$;
                 this.v = this.o.parse(this.$.val());
@@ -173,7 +174,7 @@
                 this.$.bind(
                     'change blur',
                     function () {
-                        s.val(s._validate(s.o.parse(s.$.val())));
+                        s.change(s._validate(s.o.parse(s.$.val())));
                     }
                 );
 
@@ -467,6 +468,7 @@
         this.val = function (v) {}; // on release
         this.xy2val = function (x, y) {}; //
         this.draw = function () {}; // on change / on release
+        this.tick = function () {}; // on value change
         this.clear = function () { this._clear(); };
 
         // Utils
@@ -525,6 +527,7 @@
                     && this.rH(v) === false) { return; }
 
                 this.cv = this.o.stopper ? max(min(v, this.o.max), this.o.min) : v;
+                
                 this.v = this.cv;
                 this.$.val(this.o.format(this.v));
                 this._draw();
@@ -726,10 +729,19 @@
         };
 
         this.change = function (v) {
-            this.cv = v;
+            this.cv = v; 
+            this.tick(v);
             this.$.val(this.o.format(v));
         };
-
+        this.tick = function (v) {
+            var fv = this.o.format(v);     
+            if (this.tv != fv) {
+              this.tv = fv;   
+              if (typeof(this.o.tick) === typeof(Function)){
+                this.o.tick(fv);
+              }
+            }   
+        }
         this.angle = function (v) {
             return (v - this.o.min) * this.angleArc / (this.o.max - this.o.min);
         };

From 242f8bf4ab54f359f5f000f35b6a13a81cac50c9 Mon Sep 17 00:00:00 2001
From: James <james@digitalagua.com>
Date: Sat, 3 Jan 2015 13:24:43 -0800
Subject: [PATCH 2/2] Update index.html

Added `tick` callback to track when the value updates by step value.
---
 index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5ecfc7..5656093 100755
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
         <title>jQuery Knob demo</title>
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
         <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
-        <script src="dist/jquery.knob.min.js"></script>
+        <script src="js/jquery.knob.js"></script>
         <script>
             $(function($) {
 
@@ -16,6 +16,9 @@
                         //console.log(this.$.attr('value'));
                         console.log("release : " + value);
                     },
+                    tick : function (value) {
+                        console.log("tick : " + value);
+                    },
                     cancel : function () {
                         console.log("cancel : ", this);
                     },