r2664 - spinner: added spinnerClass option and visual test
Author: pazu2k@gmail.com
Date: Sat Jun 6 12:24:40 2009
New Revision: 2664
Added:
branches/dev/spinner/tests/visual/spinner/spinner_option_spinnerClass.html
(contents, props changed)
Modified:
branches/dev/spinner/ui/ui.spinner.js
Log:
spinner: added spinnerClass option and visual test
Added:
branches/dev/spinner/tests/visual/spinner/spinner_option_spinnerClass.html
==============================================================================
--- (empty file)
+++
branches/dev/spinner/tests/visual/spinner/spinner_option_spinnerClass.html
Sat Jun 6 12:24:40 2009
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Spinner Visual Test : Spinner option spinnerClass</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">
+ .look-ma-my-this-is-MY-spinner-class {
+ border: 1px solid red;
+ color: blue;
+ background: none;
+ background-color: #0F0;
+ }
+ </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({
spinnerClass: 'look-ma-my-this-is-MY-spinner-class' });
+ });
+ </script>
+</head>
+<body>
+<div class="ui-widget">
+
+ <input id="spinner" type="text">
+
+</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 Sat Jun 6 12:24:40 2009
@@ -20,7 +20,8 @@
$.widget('ui.spinner', {
_init: function() {
var self = this,
- validChars;
+ validChars,
+ spinnerClass = 'ui-spinner ui-widget ui-widget-content ui-corner-all
ui-spinner-'+self.options.dir;
function parse(val, ifNull) {
if (val == null)
@@ -85,10 +86,13 @@
self._setValue( isNaN(self._getValue()) ? self.options.value :
self._getValue() );
+ if (self.options.spinnerClass)
+ spinnerClass += ' '+ self.options.spinnerClass;
+
var widget = self.element
.wrap('<div>')
.parent()
- .addClass('ui-spinner ui-widget ui-widget-content ui-corner-all
ui-spinner-'+self.options.dir)
+ .addClass(spinnerClass)
// check for IE
.css({
display: !$.support.opacity &&
$(self).css('display', 'inline-block') ? 'inline' : false