Skip to content

Commit 568aec6

Browse files
jzaeffererjzaefferer
committed
Menu: Remove stupid demos, add an icons demo, improve the default demo
1 parent f4b3cd5 commit 568aec6

File tree

5 files changed

+86
-179
lines changed

5 files changed

+86
-179
lines changed

‎demos/menu/default.html

Lines changed: 41 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -7,36 +7,61 @@
77
<script src="../../jquery-1.8.2.js"></script>
88
<script src="../../ui/jquery.ui.core.js"></script>
99
<script src="../../ui/jquery.ui.widget.js"></script>
10+
<script src="../../ui/jquery.ui.position.js"></script>
1011
<script src="../../ui/jquery.ui.menu.js"></script>
1112
<link rel="stylesheet" href="../demos.css">
1213
<script>
1314
$(function() {
1415
$( "#menu" ).menu();
1516
});
1617
</script>
18+
<style>
19+
.ui-menu { width: 150px; }
20+
</style>
1721
</head>
1822
<body>
1923

2024
<ul id="menu">
21-
<li><a href="#Aberdeen">Aberdeen</a></li>
22-
<li><a href="#Ada">Ada</a></li>
23-
<li><a href="#Adamsville">Adamsville</a></li>
24-
<li><a href="#Addyston">Addyston</a></li>
25-
<li><a href="#Adelphi">Adelphi</a></li>
26-
<li><a href="#Adena">Adena</a></li>
27-
<li><a href="#Adrian">Adrian</a></li>
28-
<li><a href="#Akron">Akron</a></li>
29-
<li><a href="#Albany">Albany</a></li>
30-
<li><a href="#Alexandria">Alexandria</a></li>
31-
<li><a href="#Alger">Alger</a></li>
32-
<li><a href="#Alledonia">Alledonia</a></li>
33-
<li><a href="#Alliance">Alliance</a></li>
34-
<li><a href="#Alpha">Alpha</a></li>
35-
<li><a href="#Alvada">Alvada</a></li>
25+
<li class="ui-state-disabled"><a href="#">Aberdeen</a></li>
26+
<li><a href="#">Ada</a></li>
27+
<li><a href="#">Adamsville</a></li>
28+
<li><a href="#">Addyston</a></li>
29+
<li>
30+
<a href="#">Delphi</a>
31+
<ul>
32+
<li class="ui-state-disabled"><a href="#">Ada</a></li>
33+
<li><a href="#">Saarland</a></li>
34+
<li><a href="#">Salzburg</a></li>
35+
</ul>
36+
</li>
37+
<li><a href="#">Saarland</a></li>
38+
<li>
39+
<a href="#">Salzburg</a>
40+
<ul>
41+
<li>
42+
<a href="#">Delphi</a>
43+
<ul>
44+
<li><a href="#">Ada</a></li>
45+
<li><a href="#">Saarland</a></li>
46+
<li><a href="#">Salzburg</a></li>
47+
</ul>
48+
</li>
49+
<li>
50+
<a href="#">Delphi</a>
51+
<ul>
52+
<li><a href="#">Ada</a></li>
53+
<li><a href="#">Saarland</a></li>
54+
<li><a href="#">Salzburg</a></li>
55+
</ul>
56+
</li>
57+
<li><a href="#">Perch</a></li>
58+
</ul>
59+
</li>
60+
<li class="ui-state-disabled"><a href="#">Amesville</a></li>
3661
</ul>
3762

3863
<div class="demo-description">
39-
<p>A menu with the default configuration. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p>
64+
<p>A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p>
4065
</div>
4166
</body>
4267
</html>

‎demos/menu/icons.html

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>jQuery UI Menu - Icons</title>
6+
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7+
<script src="../../jquery-1.8.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.position.js"></script>
11+
<script src="../../ui/jquery.ui.menu.js"></script>
12+
<link rel="stylesheet" href="../demos.css">
13+
<script>
14+
$(function() {
15+
$( "#menu" ).menu();
16+
});
17+
</script>
18+
<style>
19+
.ui-menu { width: 150px; }
20+
</style>
21+
</head>
22+
<body>
23+
24+
<ul id="menu">
25+
<li><a href="#"><span class="ui-icon ui-icon-disk"></span>Save</a></li>
26+
<li><a href="#"><span class="ui-icon ui-icon-zoomin"></span>Zoom In</a></li>
27+
<li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>Zoom Out</a></li>
28+
<li class="ui-state-disabled"><a href="#"><span class="ui-icon ui-icon-print"></span>Print...</a></li>
29+
<li>
30+
<a href="#">Playback</a>
31+
<ul>
32+
<li><a href="#"><span class="ui-icon ui-icon-seek-first"></span>Prev</a></li>
33+
<li><a href="#"><span class="ui-icon ui-icon-stop"></span>Stop</a></li>
34+
<li><a href="#"><span class="ui-icon ui-icon-play"></span>Play</a></li>
35+
<li><a href="#"><span class="ui-icon ui-icon-seek-end"></span>Next</a></li>
36+
</ul>
37+
</li>
38+
</ul>
39+
40+
<div class="demo-description">
41+
<p>A menu with the default configuration, showing how to use a menu with icons.</p>
42+
</div>
43+
</body>
44+
</html>

‎demos/menu/index.html

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,7 @@
88

99
<ul>
1010
<li><a href="default.html">Default functionality</a></li>
11-
<li><a href="topalignmenu.html">Top-aligned sub menus</a></li>
12-
<li><a href="navigationmenu.html">Navigation menu</a></li>
11+
<li><a href="icons.html">Icons</a></li>
1312
</ul>
1413

1514
</body>

‎demos/menu/navigationmenu.html

Lines changed: 0 additions & 74 deletions
This file was deleted.

‎demos/menu/topalignmenu.html

Lines changed: 0 additions & 87 deletions
This file was deleted.

0 commit comments

Comments
 (0)