Mercurial > hg > MPIWGThesaurus
comparison jquery-ui/development-bundle/demos/button/icons.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 - Icons</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 $( ".demo button:first" ).button({ | |
15 icons: { | |
16 primary: "ui-icon-locked" | |
17 }, | |
18 text: false | |
19 }).next().button({ | |
20 icons: { | |
21 primary: "ui-icon-locked" | |
22 } | |
23 }).next().button({ | |
24 icons: { | |
25 primary: "ui-icon-gear", | |
26 secondary: "ui-icon-triangle-1-s" | |
27 } | |
28 }).next().button({ | |
29 icons: { | |
30 primary: "ui-icon-gear", | |
31 secondary: "ui-icon-triangle-1-s" | |
32 }, | |
33 text: false | |
34 }); | |
35 }); | |
36 </script> | |
37 </head> | |
38 <body> | |
39 | |
40 <div class="demo"> | |
41 | |
42 <button>Button with icon only</button> | |
43 <button>Button with icon on the left</button> | |
44 <button>Button with two icons</button> | |
45 <button>Button with two icons and no text</button> | |
46 | |
47 </div><!-- End demo --> | |
48 | |
49 | |
50 | |
51 <div class="demo-description"> | |
52 <p>Some buttons with various combinations of text and icons, here specified via metadata.</p> | |
53 </div><!-- End demo-description --> | |
54 | |
55 </body> | |
56 </html> |