Mercurial > hg > MPIWGThesaurus
comparison jquery-ui/development-bundle/demos/button/splitbutton.html @ 0:b2e4605f20b2
beta version
author | dwinter |
---|---|
date | Thu, 30 Jun 2011 09:07:49 +0200 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:b2e4605f20b2 |
---|---|
1 <!DOCTYPE html> | |
2 <html lang="en"> | |
3 <head> | |
4 <meta charset="utf-8"> | |
5 <title>jQuery UI Button - Split button</title> | |
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> | |
7 <script src="../../jquery-1.5.1.js"></script> | |
8 <script src="../../ui/jquery.ui.core.js"></script> | |
9 <script src="../../ui/jquery.ui.widget.js"></script> | |
10 <script src="../../ui/jquery.ui.button.js"></script> | |
11 <link rel="stylesheet" href="../demos.css"> | |
12 <script> | |
13 $(function() { | |
14 $( "#rerun" ) | |
15 .button() | |
16 .click(function() { | |
17 alert( "Running the last action" ); | |
18 }) | |
19 .next() | |
20 .button( { | |
21 text: false, | |
22 icons: { | |
23 primary: "ui-icon-triangle-1-s" | |
24 } | |
25 }) | |
26 .click(function() { | |
27 alert( "Could display a menu to select an action" ); | |
28 }) | |
29 .parent() | |
30 .buttonset(); | |
31 }); | |
32 </script> | |
33 <style> | |
34 | |
35 </style> | |
36 </head> | |
37 <body> | |
38 | |
39 <div class="demo"> | |
40 | |
41 <div> | |
42 <button id="rerun">Run last action</button> | |
43 <button id="select">Select an action</button> | |
44 </div> | |
45 | |
46 </div><!-- End demo --> | |
47 | |
48 | |
49 | |
50 <div class="demo-description"> | |
51 <p>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.</p> | |
52 </div><!-- End demo-description --> | |
53 | |
54 </body> | |
55 </html> |