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 - Split button</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 
		$( "#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>