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