1 |
<!doctype html> |
2 |
<html lang="en"> |
3 |
<head> |
4 |
<meta charset="utf-8"> |
5 |
<title>Button Visual Test</title> |
6 |
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> |
7 |
<script src="../../../jquery-1.9.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 |
<script> |
12 |
$(function() { |
13 |
$( ".buttons" ).each(function() { |
14 |
$( this ).children() |
15 |
.eq( 0 ) |
16 |
.button({ |
17 |
text: false, |
18 |
icons: { |
19 |
primary: "ui-icon-help" |
20 |
} |
21 |
}) |
22 |
.end() |
23 |
.eq( 1 ) |
24 |
.button({ |
25 |
icons: { |
26 |
primary: "ui-icon-help" |
27 |
}, |
28 |
disabled: true |
29 |
}) |
30 |
.end() |
31 |
.eq( 2 ) |
32 |
.button(); |
33 |
}); |
34 |
}); |
35 |
</script> |
36 |
</head> |
37 |
<body> |
38 |
|
39 |
<div class="buttons"> |
40 |
<button>button</button> |
41 |
<button>button</button> |
42 |
<button>button</button> |
43 |
</div> |
44 |
|
45 |
<div class="buttons"> |
46 |
<button type="button">button button</button> |
47 |
<button type="button">button button</button> |
48 |
<button type="button">button button</button> |
49 |
</div> |
50 |
|
51 |
<div class="buttons"> |
52 |
<button type="submit">button submit</button> |
53 |
<button type="submit">button submit</button> |
54 |
<button type="submit">button submit</button> |
55 |
</div> |
56 |
|
57 |
<div class="buttons"> |
58 |
<input type="button" value="input button"> |
59 |
<input type="button" value="input button"> |
60 |
<input type="button" value="input button"> |
61 |
</div> |
62 |
|
63 |
<div class="buttons"> |
64 |
<input type="submit" value="input submit"> |
65 |
<input type="submit" value="input submit"> |
66 |
<input type="submit" value="input submit"> |
67 |
</div> |
68 |
|
69 |
<div class="buttons"> |
70 |
<input type="checkbox" id="input-checkbox0"> |
71 |
<input type="checkbox" id="input-checkbox1"> |
72 |
<input type="checkbox" id="input-checkbox2"> |
73 |
<label for="input-checkbox0">input checkbox</label> |
74 |
<label for="input-checkbox1">input checkbox</label> |
75 |
<label for="input-checkbox2">input checkbox</label> |
76 |
</div> |
77 |
|
78 |
<div class="buttons"> |
79 |
<input type="radio" id="input-radio0" name="radio"> |
80 |
<input type="radio" id="input-radio1" name="radio"> |
81 |
<input type="radio" id="input-radio2" name="radio"> |
82 |
<label for="input-radio0">input radio</label> |
83 |
<label for="input-radio1">input radio</label> |
84 |
<label for="input-radio2">input radio</label> |
85 |
</div> |
86 |
|
87 |
<div class="buttons"> |
88 |
<a href="#">anchor</a> |
89 |
<a href="#">anchor</a> |
90 |
<a href="#">anchor</a> |
91 |
</div> |
92 |
|
93 |
</body> |
94 |
</html> |