Subversion Repositories Sites.obs-saisons.fr

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
40 aurelien 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.4.2.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>