diff options
| -rw-r--r-- | tests/visual/all.css | 5 | ||||
| -rw-r--r-- | tests/visual/all.html | 5 | ||||
| -rw-r--r-- | tests/visual/slider.html | 26 |
3 files changed, 35 insertions, 1 deletions
diff --git a/tests/visual/all.css b/tests/visual/all.css index f7e5be506..17fc5985b 100644 --- a/tests/visual/all.css +++ b/tests/visual/all.css @@ -6,7 +6,7 @@ ul.plugins li { margin: 0 12px 12px 0; color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
#accordion, #draggable, #droppable,
-#resizable, #selectable, #slider, #sortable, #tabs {
+#resizable, #selectable, #sortable, #tabs {
margin: 10px;
width: 190px; height: 180px;
text-align: center;
@@ -71,3 +71,6 @@ ul.plugins li { margin: 0 12px 12px 0; .ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
+
+.ui-slider { margin: 10px; background: #FF9C08; height: 15px; }
+.ui-slider-handle { width: 10px; height: 15px; background: white; }
diff --git a/tests/visual/all.html b/tests/visual/all.html index fe8cae919..2340b1a01 100644 --- a/tests/visual/all.html +++ b/tests/visual/all.html @@ -23,6 +23,7 @@ $("#draggable").draggable();
$("#resizable").resizable();
$("#selectable").selectable();
+ $("#slider").slider();
$("#sortable").sortable();
});
</script>
@@ -65,6 +66,10 @@ </div>
</li>
<li>
+ Slider
+ <div id="slider"></div>
+</li>
+<li>
Sortable
<div id="sortable">
<div>C</div>
diff --git a/tests/visual/slider.html b/tests/visual/slider.html new file mode 100644 index 000000000..3e4e99133 --- /dev/null +++ b/tests/visual/slider.html @@ -0,0 +1,26 @@ +<!DOCTYPE html>
+<html lang="en">
+<head>
+ <title>Simple Slider</title>
+ <link rel="stylesheet" href="all.css" type="text/css" media="screen">
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.slider.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#slider").slider();
+ });
+ </script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li>
+ Slider
+ <div id="slider"></div>
+</li>
+</ul>
+
+</body>
+</html>
|