r3605 committed - Button: added toolbar demo.

r3605 committed - Button: added toolbar demo.

Revision: 3605
Author: scott.gonzalez
Date: Sun Jan 3 18:23:58 2010
Log: Button: added toolbar demo.
http://code.google.com/p/jquery-ui/source/detail?r=3605
Added:
/branches/dev/demos/button/toolbar.html
Modified:
/branches/dev/demos/button/index.html
=======================================
--- /dev/null
+++ /branches/dev/demos/button/toolbar.html    Sun Jan 3 18:23:58 2010
@@ -0,0 +1,102 @@
+<!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" />
+    <style type="text/css">
+    #toolbar {
+        padding: 10px 4px;
+    }
+    </style>
+    <script type="text/javascript">
+    $(function() {
+        $('#beginning').button({
+            text: false,
+            icons: {
+                primary: 'ui-icon-seek-first'
+            }
+        });
+        $('#rewind').button({
+            text: false,
+            icons: {
+                primary: 'ui-icon-seek-prev'
+            }
+        });
+        $('#play').button({
+            text: false,
+            icons: {
+                primary: 'ui-icon-play'
+            }
+        })
+        .click(function() {
+            var options;
+            if ($(this).text() == 'play') {
+                options = {
+                    label: 'pause',
+                    icons: {
+                        primary: 'ui-icon-pause'
+                    }
+                };
+            } else {
+                options = {
+                    label: 'play',
+                    icons: {
+                        primary: 'ui-icon-play'
+                    }
+                };
+            }
+            $(this).button('option', options);
+        });
+        $('#stop').button({
+            text: false,
+            icons: {
+                primary: 'ui-icon-stop'
+            }
+        });
+        $('#forward').button({
+            text: false,
+            icons: {
+                primary: 'ui-icon-seek-next'
+            }
+        });
+        $('#end').button({
+            text: false,
+            icons: {
+                primary: 'ui-icon-seek-end'
+            }
+        });
+    });
+    </script>
+</head>
+<body>
+
+<div class="demo">
+
+    <span id="toolbar" class="ui-widget-header ui-corner-all">
+        <button id="beginning">go to beginning</button>
+        <button id="rewind">rewind</button>
+        <button id="play">play</button>
+        <button id="stop">stop</button>
+        <button id="forward">fast forward</button>
+        <button id="end">go to end</button>
+    </span>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+

TODO


+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>
=======================================
--- /branches/dev/demos/button/index.html    Sun Jan 3 05:04:03 2010
+++ /branches/dev/demos/button/index.html    Sun Jan 3 18:23:58 2010
@@ -12,6 +12,7 @@
        <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>
+        <li><a href="toolbar.html">Toolbar</a></li>
    </ul>
</div>
--