r3611 committed - button: splitbutton demo
Revision: 3611
Author: joern.zaefferer
Date: Mon Jan 4 08:07:51 2010
Log: button: splitbutton demo
http://code.google.com/p/jquery-ui/source/detail?r=3611
Added:
/branches/dev/demos/button/splitbutton.html
Modified:
/branches/dev/demos/button/index.html
=======================================
--- /dev/null
+++ /branches/dev/demos/button/splitbutton.html Mon Jan 4 08:07:51 2010
@@ -0,0 +1,57 @@
+<!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() {
+ $("#rerun").button().click(function() {
+ alert("Running the last action");
+ })
+ .next()
+ .button({
+ text: false,
+ icons: {
+ primary: "ui-icon-triangle-1-s"
+ }
+ })
+ .click(function() {
+ alert("Could display a menu to select an action");
+ })
+ .parent()
+ .buttonset();
+ });
+ </script>
+ <style>
+
+ </style>
+</head>
+<body>
+
+<div class="demo">
+
+ <div>
+ <button id="rerun">Run last action</button>
+ <button id="select">Select an action</button>
+ </div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+An example of a split button built with two buttons: A plan button with
just text, one with only a primary icon
+and no text. Both are grouped together in a set.
+
+</div><!-- End demo-description -->
+
+
+
+</body>
+</html>
=======================================
--- /branches/dev/demos/button/index.html Mon Jan 4 07:57:26 2010
+++ /branches/dev/demos/button/index.html Mon Jan 4 08:07:51 2010
@@ -14,6 +14,7 @@
<li><a href="checkbox.html">Checkboxes</a></li>
<li><a href="icons.html">Icons</a></li>
<li><a href="toolbar.html">Toolbar</a></li>
+ <li><a href="splitbutton.html">Split Button</a></li>
</ul>
</div>
--