Author: pazu2k@gmail.com
Date: Sun Jun 7 09:27:15 2009
New Revision: 2671
Added:
branches/dev/spinner/tests/visual/spinner/spinner_html5.html
branches/dev/spinner/tests/visual/spinner/spinner_inline_test.html
(contents, props changed)
Modified:
branches/dev/spinner/ui/ui.spinner.js
Log:
spinner: changeing min, max, step options now write back to original HTML
attributes if exist. added html5 and inline visual tests.
Added: branches/dev/spinner/tests/visual/spinner/spinner_html5.html
==============================================================================
--- (empty file)
+++ branches/dev/spinner/tests/visual/spinner/spinner_html5.html Sun Jun 7
09:27:15 2009
@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Spinner Visual Test Page: Spinner HTML5 test</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <style type="text/css">
+ input { width: 50px; }
+ </style>
+ <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();
+ $('button').click(function() {
+ $('#spinner')
+ .spinner('option', {
+ min: $('#min').val(),
+ max: $('#max').val(),
+ step: $('#step').val()
+ });
+ });
+ });
+ </script>
+</head>
+<body>
+<div class="ui-widget">
+
+<input id="spinner" type="number" min="-100" max="100" value="5" step="2">
+
+Min: <input id="min" type="text" name="min" value="-100">
+Max: <input id="max" type="text" name="max" value="100">
+Step: <input id="step" type="text" name="step" value="2">
+<button>Update spinner</button>
+
+</div>
+</body>
+</html>
\ No newline at end of file
Added: branches/dev/spinner/tests/visual/spinner/spinner_inline_test.html
==============================================================================
--- (empty file)
+++ branches/dev/spinner/tests/visual/spinner/spinner_inline_test.html Sun
Jun 7 09:27:15 2009
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Spinner Visual Test Page: Spinner inline test</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <style type="text/css">
+ input { width: 50px; }
+ </style>
+ <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();
+ });
+ </script>
+</head>
+<body>
+<div class="ui-widget">
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. <input
id="spinner1" class="spinner"> Phasellus sagittis fringilla sem. Ut elit
leo, condimentum malesuada bibendum ut, pulvinar at nunc. Ut pretium
elementum metus a commodo. Cras felis mi, elementum et pretium quis,
accumsan at orci. Praesent imperdiet, libero vitae luctus luctus, velit
velit pharetra orci, et commodo erat sem quis ipsum. Aliquam laoreet mollis
facilisis. Pellentesque in risus sit amet enim condimentum euismod.
Phasellus et nulla urna, ut condimentum risus. Ut lectus odio, rutrum et
pharetra in, consectetur nec leo. Sed et tempor eros. Cras et libero
sapien, id suscipit massa. Pellentesque at elit in mi consequat congue non
ut quam. Nunc at libero ligula, nec vulputate magna. In at dolor est. Nulla
in diam congue enim congue bibendum non ut lectus. Sed id lorem interdum
lacus dapibus placerat dapibus eu risus. Pellentesque ac semper mauris.
Integer ornare, sem eget porta laoreet, justo turpis faucibus eros, ut
hendrerit enim lorem blandit metus.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span><input
id="spinner2" class="spinner"></span> Phasellus sagittis fringilla sem. Ut
elit leo, condimentum malesuada bibendum ut, pulvinar at nunc. Ut pretium
elementum metus a commodo. Cras felis mi, elementum et pretium quis,
accumsan at orci. Praesent imperdiet, libero vitae luctus luctus, velit
velit pharetra orci, et commodo erat sem quis ipsum. Aliquam laoreet mollis
facilisis. Pellentesque in risus sit amet enim condimentum euismod.
Phasellus et nulla urna, ut condimentum risus. Ut lectus odio, rutrum et
pharetra in, consectetur nec leo. Sed et tempor eros. Cras et libero
sapien, id suscipit massa. Pellentesque at elit in mi consequat congue non
ut quam. Nunc at libero ligula, nec vulputate magna. In at dolor est. Nulla
in diam congue enim congue bibendum non ut lectus. Sed id lorem interdum
lacus dapibus placerat dapibus eu risus. Pellentesque ac semper mauris.
Integer ornare, sem eget porta laoreet, justo turpis faucibus eros, ut
hendrerit enim lorem blandit metus.
+
+
+</div>
+</body>
+</html>
\ No newline at end of file
Modified: branches/dev/spinner/ui/ui.spinner.js
==============================================================================
--- branches/dev/spinner/ui/ui.spinner.js (original)
+++ branches/dev/spinner/ui/ui.spinner.js Sun Jun 7 09:27:15 2009
@@ -467,6 +467,10 @@
else
this._show();
}
+ // write attributes back to element if original exist
+ else if ($.inArray(key, ['min','max','step']) != -1 &&
this.element.attr(key) && this.options[key] != null) {
+ this.element.attr(key, value);
+ }
$.widget.prototype._setData.call(this, key, value);
},