r2667 - spinner: changed stepUp/stepDown and pageUp/pageDown demos to reflect correct stepping fu...

r2667 - spinner: changed stepUp/stepDown and pageUp/pageDown demos to reflect correct stepping fu...


Author: pazu2k@gmail.com
Date: Sun Jun 7 01:55:53 2009
New Revision: 2667
Added:

branches/dev/spinner/tests/visual/spinner/spinner_method_pageUp_pageDown.html
(contents, props changed)

branches/dev/spinner/tests/visual/spinner/spinner_method_stepUp_stepDown.html
(contents, props changed)
Removed:
branches/dev/spinner/tests/visual/spinner/spinner_method_pageDown.html
branches/dev/spinner/tests/visual/spinner/spinner_method_pageUp.html
branches/dev/spinner/tests/visual/spinner/spinner_method_stepDown.html
branches/dev/spinner/tests/visual/spinner/spinner_method_stepUp.html
Log:
spinner: changed stepUp/stepDown and pageUp/pageDown demos to reflect
correct stepping functionality. merged *Up/*Down demos.
Added:
branches/dev/spinner/tests/visual/spinner/spinner_method_pageUp_pageDown.html
==============================================================================
--- (empty file)
+++
branches/dev/spinner/tests/visual/spinner/spinner_method_pageUp_pageDown.html    
Sun Jun 7 01:55:53 2009
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Spinner Visual Test : Spinner method pageUp/pageDown</title>
+    <link rel="stylesheet" href="../visual.css" type="text/css">
+    <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+    <script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.spinner.js"></script>
+    <script type="text/javascript">
+    $(function() {
+        $('#spinner').spinner();
+        
+        $('#page').change(function(){
+            $('#spinner')
+                .spinner('option','page',$(this).val());
+        });
+        
+        $('#pageUpButton').click(function() {
+            $('#spinner')
+                .spinner('option','page',$('#page').val())
+                .spinner('pageUp', $('#pages').val());
+        });
+        
+        $('#oageDownButton').click(function() {
+            $('#spinner')
+                .spinner('option','page',$('#page').val())
+                .spinner('pageDown', $('#pages').val());
+        });
+    });
+    </script>
+</head>
+<body>
+<div class="ui-widget">
+    
+

<input id="spinner" type="text">


+

page size: <input id="page" type="text" value="5" size="5">


+

pages: <input id="pages" type="text" value="1" size="5">


+


+    <button id="pageUpButton" class="ui-state-default ui-corner-all">Page
Up</button>
+    <button id="pageDownButton" class="ui-state-default ui-corner-all">Page
Down</button>
+





+</div>
+</body>
+</html>
\ No newline at end of file
Added:
branches/dev/spinner/tests/visual/spinner/spinner_method_stepUp_stepDown.html
==============================================================================
--- (empty file)
+++
branches/dev/spinner/tests/visual/spinner/spinner_method_stepUp_stepDown.html    
Sun Jun 7 01:55:53 2009
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Spinner Visual Test : Spinner method stepUp/stepDown</title>
+    <link rel="stylesheet" href="../visual.css" type="text/css">
+    <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+    <script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.spinner.js"></script>
+    <script type="text/javascript">
+    $(function() {
+        $('#spinner').spinner();
+        $('#stepUpButton').click(function() {
+            $('#spinner')
+                .spinner('option','step',$('#step').val())
+                .spinner('stepUp', $('#steps').val());
+        });
+        $('#stepDownButton').click(function() {
+            $('#spinner')
+                .spinner('option','step',$('#step').val())
+                .spinner('stepDown', $('#steps').val());
+        });
+    });
+    </script>
+</head>
+<body>
+<div class="ui-widget">
+    
+

<input id="spinner" type="text">


+

step size: <input id="step" type="text" value="1" size="5">


+

steps: <input id="steps" type="text" value="1" size="5">


+


+    <button id="stepUpButton" class="ui-state-default ui-corner-all">Step
Up</button>
+    <button id="stepDownButton" class="ui-state-default ui-corner-all">Step
Down</button>
+





+</div>
+</body>
+</html>
\ No newline at end of file