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>
--