r3596 committed - button: first draft for demos

r3596 committed - button: first draft for demos

Revision: 3596
Author: joern.zaefferer
Date: Sun Jan 3 05:04:03 2010
Log: button: first draft for demos
http://code.google.com/p/jquery-ui/source/detail?r=3596
Added:
/branches/dev/demos/button
/branches/dev/demos/button/checkbox.html
/branches/dev/demos/button/default.html
/branches/dev/demos/button/index.html
/branches/dev/demos/button/radio.html
Modified:
/branches/dev/demos/index.html
=======================================
--- /dev/null
+++ /branches/dev/demos/button/checkbox.html    Sun Jan 3 05:04:03 2010
@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Button - Checkboxes demo</title>
+    <link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
+    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+    <script type="text/javascript"
src="../../ui/jquery.ui.widget.js"></script>
+    <script type="text/javascript"
src="../../ui/jquery.ui.button.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <script type="text/javascript">
+    $(function() {
+        $("#check").button();
+    });
+    </script>
+    <style>
+
+    </style>
+</head>
+<body>
+
+<div class="demo">
+
+    <input type="checkbox" id="check" /><label for="check">Toggle</label>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+

TODO


+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /branches/dev/demos/button/default.html    Sun Jan 3 05:04:03 2010
@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Button - Default demo</title>
+    <link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
+    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+    <script type="text/javascript"
src="../../ui/jquery.ui.widget.js"></script>
+    <script type="text/javascript"
src="../../ui/jquery.ui.button.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <script type="text/javascript">
+    $(function() {
+        $("button").button();
+    });
+    </script>
+    <style>
+
+    </style>
+</head>
+<body>
+
+<div class="demo">
+
+    <button>Button Label</button>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+

TODO


+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /branches/dev/demos/button/index.html    Sun Jan 3 05:04:03 2010
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Button Demos</title>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+</head>
+<body>
+
+<div class="demos-nav">
+    <h4>Examples</h4>
+    <ul>
+        <li class="demo-config-on"><a href="default.html">Default
functionality</a></li>
+        <li><a href="radio.html">Radios</a></li>
+        <li><a href="checkbox.html">Checkboxes</a></li>
+    </ul>
+</div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /branches/dev/demos/button/radio.html    Sun Jan 3 05:04:03 2010
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>jQuery UI Button - Radio Buttons demo</title>
+    <link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
+    <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
+    <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+    <script type="text/javascript"
src="../../ui/jquery.ui.widget.js"></script>
+    <script type="text/javascript"
src="../../ui/jquery.ui.button.js"></script>
+    <link type="text/css" href="../demos.css" rel="stylesheet" />
+    <script type="text/javascript">
+    $(function() {
+        $("#radio1").buttonset();
+    });
+    </script>
+    <style>
+
+    </style>
+</head>
+<body>
+
+<div class="demo">
+
+    <form>
+        <div id="radio1" style="margin-top: 2em;">
+            <input type="radio" id="radio11" name="radio" /><label
for="radio11">Choice 1</label>
+            <input type="radio" id="radio12" name="radio" checked="checked"
/><label for="radio12">Choice 2</label>
+            <input type="radio" id="radio13" name="radio" /><label
for="radio13">Choice 3</label>
+        </div>
+    </form>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+

TODO


+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>
=======================================
--- /branches/dev/demos/index.html    Tue Dec 22 13:11:49 2009
+++ /branches/dev/demos/index.html    Sun Jan 3 05:04:03 2010
@@ -259,6 +259,7 @@
                <dt>Widgets</dt>
                    <dd><a href="accordion/index.html">Accordion</a></dd>
                    <dd><a href="autocomplete/index.html">Autocomplete</a></dd>
+                    <dd><a href="button/index.html">Button</a></dd>
                    <dd><a href="datepicker/index.html">Datepicker</a></dd>
                    <dd><a href="dialog/index.html">Dialog</a></dd>
                    <dd><a href="progressbar/index.html">Progressbar</a></dd>
--