diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-06-09 07:40:29 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-06-09 07:40:29 +0000 |
| commit | 4a0df13665fd34ee1b3a7be660cb9024664ad6b7 (patch) | |
| tree | f1147fb7641d63fbdeba693da9e7d73e34b7f8e2 /tests/visual | |
| parent | 2439b4feb8e7dfb1b841afc7e416d87e505d4d2c (diff) | |
| download | jquery-ui-4a0df13665fd34ee1b3a7be660cb9024664ad6b7.tar.gz jquery-ui-4a0df13665fd34ee1b3a7be660cb9024664ad6b7.zip | |
Added simple slider test
Diffstat (limited to 'tests/visual')
| -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>
|