From ca2211f74851a066829464e78f50c90b49eac2dd Mon Sep 17 00:00:00 2001
From: Scott González <scott.gonzalez@gmail.com>
Date: Sun, 7 Aug 2011 12:59:50 -0400
Subject: Spinner demos: Cleanup.

---
 demos/spinner/default.html | 71 ++++++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 37 deletions(-)

(limited to 'demos/spinner/default.html')
diff --git a/demos/spinner/default.html b/demos/spinner/default.html
index 53fd81bf5..c78c36d68 100644
--- a/demos/spinner/default.html
+++ b/demos/spinner/default.html
@@ -1,43 +1,38 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 <head>
 	<meta charset="utf-8">
 	<title>jQuery UI Spinner - Default functionality</title>
-	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
-	<script type="text/javascript" src="../../jquery-1.6.2.js"></script>
-	<script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script>
-	<script type="text/javascript" src="../../external/jquery.global.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
-	<script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script>
-	<link type="text/css" href="../demos.css" rel="stylesheet" />
-	<script type="text/javascript">
+	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+	<script src="../../jquery-1.6.2.js"></script>
+	<script src="../../external/jquery.mousewheel-3.0.4.js"></script>
+	<script src="../../ui/jquery.ui.core.js"></script>
+	<script src="../../ui/jquery.ui.widget.js"></script>
+	<script src="../../ui/jquery.ui.button.js"></script>
+	<script src="../../ui/jquery.ui.spinner.js"></script>
+	<link rel="stylesheet" href="../demos.css">
+	<script>
 	$(function() {
-		$("#spinner").spinner({
-			change: function() {
-				console.log( "change" );
-			}
-		});
+		var spinner = $( "#spinner" ).spinner();
 		
-		$("#disable").toggle(function() {
-			$("#spinner").spinner("disable");
+		$( "#disable" ).toggle(function() {
+			spinner.spinner( "disable" );
 		}, function() {
-			$("#spinner").spinner("enable");
+			spinner.spinner( "enable" );
 		});
-		$("#destroy").toggle(function() {
-			$("#spinner").spinner("destroy");
+		$( "#destroy" ).toggle(function() {
+			spinner.spinner( "destroy" );
 		}, function() {
-			$("#spinner").spinner();
+			spinner.spinner();
 		});
-		$("#getvalue").click(function() {
-			alert($("#spinner").spinner("value"));
+		$( "#getvalue" ).click(function() {
+			alert( spinner.spinner( "value" ) );
 		});
-		$("#setvalue").click(function() {
-			$("#spinner").spinner("value", 5);
+		$( "#setvalue" ).click(function() {
+			spinner.spinner( "value", 5 );
 		});
-		
-		$("button").button();
+
+		$( "button" ).button();
 	});
 	</script>
 </head>
@@ -45,25 +40,27 @@
 
 <div class="demo">
 
-<p><label for="spinner">Select a value:</label>
-<input id="spinner" name="value" /></p>
+<p>
+	<label for="spinner">Select a value:</label>
+	<input id="spinner" name="value">
+</p>
 
 <p>
-<button id="disable">Toggle disable/enable</button>
-<button id="destroy">Toggle widget</button>
+	<button id="disable">Toggle disable/enable</button>
+	<button id="destroy">Toggle widget</button>
 </p>
 
 <p>
-<button id="getvalue">Get value</button>
-<button id="setvalue">Set value to 5</button>
+	<button id="getvalue">Get value</button>
+	<button id="setvalue">Set value to 5</button>
 </p>
 
 </div><!-- End demo -->
 
+
+
 <div class="demo-description">
-<p>
-Default spinner.
-</p>
+<p>Default spinner.</p>
 </div><!-- End demo-description -->
 
 </body>
-- 
cgit v1.2.3

