Permalink
Browse files

added onComplete event and support data-set defined events

  • Loading branch information...
1 parent b9c45b3 commit 44e718607a9fd3f789f410a78a2891ea62bc1d9b @leegee committed Oct 30, 2012
Showing with 207 additions and 84 deletions.
  1. +40 −0 Demo/index.html
  2. +76 −49 Docs/Knob.html
  3. +11 −1 README.md
  4. +80 −34 Source/Knob.js
View
@@ -180,6 +180,46 @@
</p>
</section>
+
+ <section>
+ <h2>HTML onComplete Callback</h2>
+ <xmp>
+ <span id='knob-js95'
+ class='mooknob rotary2'
+ style='background:steelblue; margin-left:20px'
+ data-monitor='knob-js95-value'
+ aria-valuemin=-100
+ aria-valuemax=100
+ data-value=0
+ data-forceint=1
+ data-oncomplete='
+ (function(){
+ alert("My value is "+this.value)
+ })
+ '></span>
+ &mdash; Value
+ <input type='text' value='' id='knob-js95-value'></span>
+ </xmp>
+ <p>The result:
+ <span id='knob-js95'
+ class='mooknob rotary2'
+ style='background:steelblue; margin-left:20px'
+ data-monitor='knob-js95-value'
+ aria-valuemin=-100
+ aria-valuemax=100
+ data-value=0
+ data-forceint=1
+ data-oncomplete='
+ (function(){
+ alert("My value is "+this.value)
+ })
+ '></span>
+ &mdash; Value
+ <input type='text' value='' id='knob-js95-value'></span>
+ </p>
+ </section>
+
+
<section>
<h2>Inline Graphics</h2>
<p>
Oops, something went wrong.

0 comments on commit 44e7186

Please sign in to comment.