r2527 - spinner: added mousewheel plugin to each demo (for standalone); replaced three buttons on...

r2527 - spinner: added mousewheel plugin to each demo (for standalone); replaced three buttons on...


Author: joern.zaefferer
Date: Tue May 12 01:38:17 2009
New Revision: 2527
Modified:
branches/dev/spinner/demos/spinner/default.html
branches/dev/spinner/demos/spinner/donation.html
branches/dev/spinner/demos/spinner/incremental.html
branches/dev/spinner/demos/spinner/latlong.html
branches/dev/spinner/demos/spinner/list.html
Log:
spinner: added mousewheel plugin to each demo (for standalone); replaced
three buttons on default demo with two toggle buttons
Modified: branches/dev/spinner/demos/spinner/default.html
==============================================================================
--- branches/dev/spinner/demos/spinner/default.html    (original)
+++ branches/dev/spinner/demos/spinner/default.html    Tue May 12 01:38:17 2009
@@ -4,6 +4,7 @@
    <title>jQuery UI Spinner - Default functionality</title>
    <link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript"
src="../../external2/mousewheel/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="../../ui/ui.core.js"></script>
    <script type="text/javascript" src="../../ui/ui.spinner.js"></script>
    <link type="text/css" href="../demos.css" rel="stylesheet" />
@@ -11,12 +12,22 @@
    $(function() {
        $("#s1").spinner();
        
-        $("button").click(function(event){
-            var ns = $(this).attr('id').match(/(s\d)\-(\w+)$/);
-            if (ns != null)
-                $('#'+ns[1]).spinner( ns[2] );
+        $("#disable").toggle(function() {
+            $("#s1").spinner("disable");
+        }, function() {
+            $("#s1").spinner("enable");
+        });
+        $("#destroy").toggle(function() {
+            $("#s1").spinner("destroy");
+        }, function() {
+            $("#s1").spinner();
+        });
+        
+        $(".ui-button").hover(function() {
+            $(this).addClass("ui-state-hover");
+        }, function() {
+            $(this).removeClass("ui-state-hover");
        });
-
    });
    </script>
</head>
@@ -28,9 +39,8 @@
<input id="s1" name="value" />


-<button id="s1-disable" class="ui-button ui-state-default
ui-corner-all">disable</button>
-<button id="s1-enable" class="ui-button ui-state-default
ui-corner-all">enable</button>
-<button id="s1-destroy" class="ui-button ui-state-default
ui-corner-all">destroy</button>
+<button id="disable" class="ui-button ui-state-default
ui-corner-all">Toggle disable/enable</button>
+<button id="destroy" class="ui-button ui-state-default
ui-corner-all">Toggle widget</button>












</div><!-- End demo -->
Modified: branches/dev/spinner/demos/spinner/donation.html
==============================================================================
--- branches/dev/spinner/demos/spinner/donation.html    (original)
+++ branches/dev/spinner/demos/spinner/donation.html    Tue May 12 01:38:17
2009
@@ -4,6 +4,7 @@
    <title>jQuery UI Spinner - Default functionality</title>
    <link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript"
src="../../external2/mousewheel/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="../../ui/ui.core.js"></script>
    <script type="text/javascript" src="../../ui/ui.spinner.js"></script>
    <link type="text/css" href="../demos.css" rel="stylesheet" />
Modified: branches/dev/spinner/demos/spinner/incremental.html
==============================================================================
--- branches/dev/spinner/demos/spinner/incremental.html    (original)
+++ branches/dev/spinner/demos/spinner/incremental.html    Tue May 12 01:38:17
2009
@@ -4,6 +4,7 @@
    <title>jQuery UI Spinner - Incremental</title>
    <link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript"
src="../../external2/mousewheel/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="../../ui/ui.core.js"></script>
    <script type="text/javascript" src="../../ui/ui.spinner.js"></script>
    <link type="text/css" href="../demos.css" rel="stylesheet" />
Modified: branches/dev/spinner/demos/spinner/latlong.html
==============================================================================
--- branches/dev/spinner/demos/spinner/latlong.html    (original)
+++ branches/dev/spinner/demos/spinner/latlong.html    Tue May 12 01:38:17 2009
@@ -6,6 +6,7 @@
    <script type="text/javascript"
src="http://maps.google.com/maps?file=googleapi&key=ABQIAAAAAa19jseotS72_P3A265gdBTO9vRieRmS-pChUW0eJujAStXDoBRSjITl6o19EuvtTyvzFRS9TMN3fQ&v=2.x"></script>
    <script type="text/javascript"
src="http://maps.google.com/intl/en_ALL/mapfiles/148e/maps2.api/main.js"></script>
    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript"
src="../../external2/mousewheel/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="../../ui/ui.core.js"></script>
    <script type="text/javascript" src="../../ui/ui.spinner.js"></script>
    <link type="text/css" href="../demos.css" rel="stylesheet" />
Modified: branches/dev/spinner/demos/spinner/list.html
==============================================================================
--- branches/dev/spinner/demos/spinner/list.html    (original)
+++ branches/dev/spinner/demos/spinner/list.html    Tue May 12 01:38:17 2009
@@ -4,6 +4,7 @@
    <title>jQuery UI Spinner - List</title>
    <link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript"
src="../../external2/mousewheel/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="../../ui/ui.core.js"></script>
    <script type="text/javascript" src="../../ui/ui.spinner.js"></script>
    <link type="text/css" href="../demos.css" rel="stylesheet" />