added onComplete event and support data-set defined events

leegee · Oct 30, 2012 · 44e7186 · 44e7186
1 parent b9c45b3
commit 44e7186
Show file tree

Hide file tree

Showing 4 changed files with 207 additions and 84 deletions.
diff --git a/Demo/index.html b/Demo/index.html
@@ -180,6 +180,46 @@ <h2>As previous, but without JavaScript, plus two-way interation with input fiel
 		</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>