]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 8c94a14)
demos: Added progressbar and slider demos
authorRichard Worth <rdworth@gmail.com>
Tue, 23 Dec 2008 13:23:38 +0000 (13:23 +0000)
committerRichard Worth <rdworth@gmail.com>
Tue, 23 Dec 2008 13:23:38 +0000 (13:23 +0000)
demos/accordion/mouseover.html patch | blob | history
demos/progressbar/default.html [new file with mode: 0644] patch | blob
demos/slider/default.html [new file with mode: 0644] patch | blob
demos/slider/index.html patch | blob | history
demos/slider/range.html [new file with mode: 0644] patch | blob
demos/slider/rangemax.html [new file with mode: 0644] patch | blob
demos/slider/rangemin.html [new file with mode: 0644] patch | blob

diff --git a/demos/accordion/mouseover.html b/demos/accordion/mouseover.html
index c2cb5d92be9255f5ba9026eb89e3b44ce0e6a5c1..a36a49e42330e083cf9717633bb3f8f45ed4fb64 100644 (file)
--- a/demos/accordion/mouseover.html
+++ b/demos/accordion/mouseover.html
@@ -9,7 +9,7 @@
        <script type="text/javascript" src="../../ui/ui.accordion.js"></script>\r
        <script type="text/javascript">\r
        $(function() {\r
-               $("#accordion").accordion({\r
+               $("#accordion-mouseover").accordion({\r
                        event: "mouseover",\r
                        header: "h3"\r
                });\r
@@ -18,7 +18,7 @@
 </head>\r
 <body>\r
 \r
-<div id="accordion">\r
+<div id="accordion-mouseover">\r
        <div>\r
                <h3><a href="#">Nullam blandit</a></h3>\r
                <div>\r
diff --git a/demos/progressbar/default.html b/demos/progressbar/default.html
new file mode 100644 (file)
index 0000000..dabd8a9
--- /dev/null
+++ b/demos/progressbar/default.html
@@ -0,0 +1,23 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Progressbar - Default Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#progressbar").progressbar({\r
+                       value: 37\r
+               });\r
+       })\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="progressbar"></div>\r
+\r
+</body>\r
+</html>\r
diff --git a/demos/slider/default.html b/demos/slider/default.html
new file mode 100644 (file)
index 0000000..4406046
--- /dev/null
+++ b/demos/slider/default.html
@@ -0,0 +1,23 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Slider - Default Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.slider.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#slider").slider({\r
+                       value: 37\r
+               });\r
+       })\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="slider"></div>\r
+\r
+</body>\r
+</html>\r
diff --git a/demos/slider/index.html b/demos/slider/index.html
index e6116c6b8a665b7d12adb731d4578e7321336a9e..02f7724b637a887b2170672e772a224c4939f361 100644 (file)
--- a/demos/slider/index.html
+++ b/demos/slider/index.html
@@ -15,6 +15,9 @@
 <dl class="nav">\r
        <dt>Slider</dt>\r
                <dd><a href="default.html">Default</a></dd>\r
+               <dd><a href="range.html">Range</a></dd>\r
+               <dd><a href="rangemin.html">Range Min</a></dd>\r
+               <dd><a href="rangemax.html">Range Max</a></dd>\r
 </dl>\r
 \r
 </body>\r
diff --git a/demos/slider/range.html b/demos/slider/range.html
new file mode 100644 (file)
index 0000000..0516287
--- /dev/null
+++ b/demos/slider/range.html
@@ -0,0 +1,24 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Slider - Range Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.slider.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#slider-range").slider({\r
+                       range: true,\r
+                       values: [17, 67]\r
+               });\r
+       })\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="slider-range"></div>\r
+\r
+</body>\r
+</html>\r
diff --git a/demos/slider/rangemax.html b/demos/slider/rangemax.html
new file mode 100644 (file)
index 0000000..ac5e3c7
--- /dev/null
+++ b/demos/slider/rangemax.html
@@ -0,0 +1,24 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Slider - Range Max Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.slider.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#slider-range-max").slider({\r
+                       range: "max",\r
+                       value: 63\r
+               });\r
+       })\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="slider-range-max"></div>\r
+\r
+</body>\r
+</html>\r
diff --git a/demos/slider/rangemin.html b/demos/slider/rangemin.html
new file mode 100644 (file)
index 0000000..22241b0
--- /dev/null
+++ b/demos/slider/rangemin.html
@@ -0,0 +1,24 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>jQuery UI Slider - Range Min Demo</title>\r
+       <link type="text/css" href="../demos.css" rel="stylesheet" />\r
+       <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.slider.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#slider-range-min").slider({\r
+                       range: "min",\r
+                       value: 37\r
+               });\r
+       })\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="slider-range-min"></div>\r
+\r
+</body>\r
+</html>\r
The official jQuery user interface library: https://github.com/jquery/jquery-ui