diff options
| author | Ca-Phun Ung <pazu2k@gmail.com> | 2008-08-26 07:28:14 +0000 |
|---|---|---|
| committer | Ca-Phun Ung <pazu2k@gmail.com> | 2008-08-26 07:28:14 +0000 |
| commit | ea0ce45c975318886dc2638694c8e97fbf06874a (patch) | |
| tree | 8a692b9d348f48f288da06647418c8c7dc5f5575 /tests | |
| parent | ee4334ab2211c375dc439ecf82b7386923193257 (diff) | |
| download | jquery-ui-ea0ce45c975318886dc2638694c8e97fbf06874a.tar.gz jquery-ui-ea0ce45c975318886dc2638694c8e97fbf06874a.zip | |
spinner: Included support for generic objects - currently only supports <ul>. See visual test (#s4) for example usage. Needs more work...
Diffstat (limited to 'tests')
| -rw-r--r-- | tests/visual/spinner.html | 50 |
1 files changed, 46 insertions, 4 deletions
diff --git a/tests/visual/spinner.html b/tests/visual/spinner.html index b3002ec0f..f119d3d95 100644 --- a/tests/visual/spinner.html +++ b/tests/visual/spinner.html @@ -14,18 +14,19 @@ $(function(){ var opts = {
's1': {},
's2': {stepping: 0.25},
- 's3': {currency: '$'}
+ 's3': {currency: '$'},
+ 's4': {}
};
-
+
for (var n in opts)
$("#"+n).spinner(opts[n]);
-
+
$("button").click(function(e){
var ns = $(this).attr('id').match(/(s\d)\-(\w+)$/);
if (ns != null)
$('#'+ns[1]).spinner( (ns[2] == 'create') ? opts[ns[1]] : ns[2]);
});
-
+
});
</script>
@@ -55,6 +56,7 @@ label { .ui-spinner-disabled {
background: #F4F4F4;
+ color: #CCC;
}
.ui-spinner-box {
@@ -67,6 +69,12 @@ label { padding: 0;
}
+ul.ui-spinner-box {
+ height: 1.2em;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
.ui-spinner-up,
.ui-spinner-down {
width: 10%;
@@ -139,5 +147,39 @@ label { <hr />
+<p><label for="s4">Data List: </label>
+<ul id="s4">
+ <li>item 1</li>
+ <li>item 2</li>
+ <li>item 3</li>
+ <li>item 4</li>
+ <li>item 5</li>
+ <li>item 6</li>
+ <li>item 7</li>
+ <li>item 8</li>
+ <li>item 9</li>
+ <li>item 10</li>
+ <li>item 11</li>
+ <li>item 12</li>
+ <li>item 13</li>
+ <li>item 14</li>
+ <li>item 15</li>
+ <li>item 16</li>
+ <li>item 17</li>
+ <li>item 18</li>
+ <li>item 19</li>
+ <li>item 20</li>
+</ul>
+
+<p>
+<button id="s4-disable">disable</button>
+<button id="s4-enable">enable</button>
+<button id="s4-destroy">destroy</button>
+<button id="s4-create">create</button>
+</p>
+
+<hr />
+
+
</body>
</html>
\ No newline at end of file |