diff options
Diffstat (limited to 'demos/button/splitbutton.html')
| -rw-r--r-- | demos/button/splitbutton.html | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/demos/button/splitbutton.html b/demos/button/splitbutton.html deleted file mode 100644 index 6b7562d68..000000000 --- a/demos/button/splitbutton.html +++ /dev/null @@ -1,70 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>jQuery UI Button - Split button</title> - <link rel="stylesheet" href="../../themes/base/all.css"> - <script src="../../external/jquery/jquery.js"></script> - <script src="../../ui/core.js"></script> - <script src="../../ui/widget.js"></script> - <script src="../../ui/button.js"></script> - <script src="../../ui/position.js"></script> - <script src="../../ui/menu.js"></script> - <link rel="stylesheet" href="../demos.css"> - <style> - .ui-menu { position: absolute; width: 100px; } - </style> - <script> - $(function() { - $( "#rerun" ) - .button() - .on( "click", function() { - alert( "Running the last action" ); - }) - .next() - .button({ - text: false, - icons: { - primary: "ui-icon-triangle-1-s" - } - }) - .on( "click", function() { - var menu = $( this ).parent().next().show().position({ - my: "left top", - at: "left bottom", - of: this - }); - $( document ).one( "click", function() { - menu.hide(); - }); - return false; - }) - .parent() - .buttonset() - .next() - .hide() - .menu(); - }); - </script> -</head> -<body> - -<div> - <div> - <button id="rerun">Run last action</button> - <button id="select">Select an action</button> - </div> - <ul> - <li><div>Open...</div></li> - <li><div>Save</div></li> - <li><div>Delete</div></li> - </ul> -</div> - -<div class="demo-description"> -<p>An example of a split button built with two buttons: A plain button with just text, one with only a primary icon -and no text. Both are grouped together in a set.</p> -</div> -</body> -</html> |