library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
aa267fb606
jquery-ui/demos/menubar/default.html

209 lines
5.4 KiB
HTML
Raw Normal View History

Menu: Add ui-state-active to active menu bar button
2011-02-24 21:57:44 +00:00
<!DOCTYPE html>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<html>
<head>
Popup and Menubar demos
2011-05-08 18:41:21 +00:00
<title>jQuery UI Menubar - Default demo</title>
<link rel="stylesheet" href="../demos.css" type="text/css" />
Menubar and Menu: Cleanup menu styles. Pull out menubar styles from demo into css file.
2011-06-10 17:07:54 +00:00
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" />
Upgrade jQuery to 1.7.1.
2011-11-22 13:43:09 +00:00
<script src="../../jquery-1.7.1.js"></script>
Popup and Menubar demos
2011-05-08 18:41:21 +00:00
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.position.js"></script>
<script src="../../ui/jquery.ui.button.js"></script>
<script src="../../ui/jquery.ui.menu.js"></script>
<script src="../../ui/jquery.ui.menubar.js"></script>
<script>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
$(function() {
Menubar: Trigger select event after running all other methods. Allows the select-handler to destroy the widget without errors.
2011-07-13 15:03:25 +00:00
function select(event, ui) {
$("<div/>").text("Selected: " + ui.item.text()).appendTo("#log");
if (ui.item.text() == 'Quit') {
$(this).menubar('destroy');
Menu: Overhauled menubar, again starting with Michael Lang's fork. Added working keyboard navigation, including nested menus. Still need to properly style the menu buttons, e.g. highlight the button of the currently open menu.
2011-02-22 14:14:12 +00:00
}
Menubar: Trigger select event after running all other methods. Allows the select-handler to destroy the widget without errors.
2011-07-13 15:03:25 +00:00
}
Update menubar to forward menu option to nested menus, update default demo to set within update to the demo frame (for /demos) or window (standalone). Update visual test to have more useful defaults
2011-06-09 15:14:21 +00:00
$("#bar1").menubar({
position: {
within: $("#demo-frame").add(window).first()
},
Menubar: Trigger select event after running all other methods. Allows the select-handler to destroy the widget without errors.
2011-07-13 15:03:25 +00:00
select: select
Menu: Overhauled menubar, again starting with Michael Lang's fork. Added working keyboard navigation, including nested menus. Still need to properly style the menu buttons, e.g. highlight the button of the currently open menu.
2011-02-22 14:14:12 +00:00
});
Menubar and Menu: Cleanup menu styles. Pull out menubar styles from demo into css file.
2011-06-10 17:07:54 +00:00
Added a second example to show a menubar with buttons and icons and one without (default)
2011-02-24 21:00:01 +00:00
$(".menubar-icons").menubar({
Menubar: Added the autoExpand option and modified the default demo to show functionality
2011-07-07 14:29:50 +00:00
autoExpand: true,
Added a second example to show a menubar with buttons and icons and one without (default)
2011-02-24 21:00:01 +00:00
menuIcon: true,
buttons: true,
Update menubar to forward menu option to nested menus, update default demo to set within update to the demo frame (for /demos) or window (standalone). Update visual test to have more useful defaults
2011-06-09 15:14:21 +00:00
position: {
within: $("#demo-frame").add(window).first()
},
Menubar: Trigger select event after running all other methods. Allows the select-handler to destroy the widget without errors.
2011-07-13 15:03:25 +00:00
select: select
Added a second example to show a menubar with buttons and icons and one without (default)
2011-02-24 21:00:01 +00:00
});
Menubar: Allow structures other than just UL/LI
2011-10-19 18:59:07 +00:00
$("#bar3").menubar({
position: {
within: $("#demo-frame").add(window).first()
},
select: select,
items: ".menubarItem",
menuElement: ".menuElement"
});
First attempt at a menubar
2010-04-30 12:46:12 +00:00
});
</script>
Menubar and Menu: Cleanup menu styles. Pull out menubar styles from demo into css file.
2011-06-10 17:07:54 +00:00
<style>
#bar1, #bar2 { margin: 0 0 4em; }
Menu: Add menubar-with-one-button-in-table example.
2011-03-11 17:13:10 +00:00
</style>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
</head>
<body>
Popup and Menubar demos
2011-05-08 18:41:21 +00:00
<div class="demo">
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul id="bar1" class="menubar">
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#File">File</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Open...">Open...</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li class="ui-state-disabled">Open recent...</li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Save">Save</a></li>
<li><a href="#Save as...">Save as...</a></li>
<li><a href="#Close">Close</a></li>
<li><a href="#Quit">Quit</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
</ul>
</li>
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#Edit">Edit</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Copy">Copy</a></li>
<li><a href="#Cut">Cut</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li class="ui-state-disabled">Paste</li>
</ul>
</li>
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#View">View</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Fullscreen">Fullscreen</a></li>
<li><a href="#Fit into view">Fit into view</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#Encoding">Encoding</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Auto-detect">Auto-detect</a></li>
<li><a href="#UTF-8">UTF-8</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#UTF-16">UTF-16</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Option 1">Option 1</a></li>
<li><a href="#Option 2">Option 2</a></li>
<li><a href="#Option 3">Option 3</a></li>
<li><a href="#Option 4">Option 4</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
</ul>
</li>
</ul>
</li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Customize...">Customize...</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
</ul>
</li>
</ul>
Added a second example to show a menubar with buttons and icons and one without (default)
2011-02-24 21:00:01 +00:00
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul id="bar2" class="menubar-icons">
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#File">File</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Open...">Open...</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li class="ui-state-disabled">Open recent...</li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Save">Save</a></li>
<li><a href="#Save as...">Save as...</a></li>
<li><a href="#Close">Close</a></li>
<li><a href="#Quit">Quit</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
</ul>
</li>
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#Edit">Edit</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Copy">Copy</a></li>
<li><a href="#Cut">Cut</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li class="ui-state-disabled">Paste</li>
</ul>
</li>
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#View">View</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Fullscreen">Fullscreen</a></li>
<li><a href="#Fit into view">Fit into view</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#Encoding">Encoding</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Auto-detect">Auto-detect</a></li>
<li><a href="#UTF-8">UTF-8</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<a href="#UTF-16">UTF-16</a>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
<ul>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Option 1">Option 1</a></li>
<li><a href="#Option 2">Option 2</a></li>
<li><a href="#Option 3">Option 3</a></li>
<li><a href="#Option 4">Option 4</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
</ul>
</li>
</ul>
</li>
Menu: Remove default preventDefault. Add more meaningful href's on menu and menubar demos. Change doesn't seem to affect autocomplete as that doesn't use href-attributes anyway.
2011-05-11 11:39:58 +00:00
<li><a href="#Customize...">Customize...</a></li>
Updated menubar test to use UL elements rather than DIVs
2011-04-15 17:19:27 +00:00
</ul>
</li>
</ul>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
Menubar: Allow structures other than just UL/LI
2011-10-19 18:59:07 +00:00
<div id="bar3" class="menubar">
<div class="menubarItem">
<a href="#File">File</a>
<div class="menuElement">
<div><a href="#Open...">Open...</a></div>
<div class="ui-state-disabled">Open recent...</div>
<div><a href="#Save">Save</a></div>
<div><a href="#Save as...">Save as...</a></div>
<div><a href="#Close">Close</a></div>
<div><a href="#Quit">Quit</a></div>
</div>
</div>
<div class="menubarItem">
<a href="#Edit">Edit</a>
<div class="menuElement">
<div><a href="#Copy">Copy</a></div>
<div><a href="#Cut">Cut</a></div>
<div class="ui-state-disabled">Paste</div>
</div>
</div>
<div class="menubarItem">
<a href="#View">View</a>
<div class="menuElement">
<div><a href="#Fullscreen">Fullscreen</a></div>
<div><a href="#Fit into view">Fit into view</a></div>
<div>
<a href="#Encoding">Encoding</a>
<div class="menuElement">
Menubar: Fix font-weight and spacing of disabled menu items
2011-12-01 20:51:23 +00:00
<div class="ui-state-disabled">Auto-detect</div>
Menubar: Allow structures other than just UL/LI
2011-10-19 18:59:07 +00:00
<div><a href="#UTF-8">UTF-8</a></div>
<div>
<a href="#UTF-16">UTF-16</a>
<div class="menuElement">
<div><a href="#Option 1">Option 1</a></div>
<div><a href="#Option 2">Option 2</a></div>
Menubar: Fix font-weight and spacing of disabled menu items
2011-12-01 20:51:23 +00:00
<div class="ui-state-disabled">Option 3</div>
Menubar: Allow structures other than just UL/LI
2011-10-19 18:59:07 +00:00
<div><a href="#Option 4">Option 4</a></div>
</div>
</div>
</div>
</div>
<div><a href="#Customize...">Customize...</a></div>
</div>
</div>
</div>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
Log:
Popup and Menubar demos
2011-05-08 18:41:21 +00:00
<div id="log" style="height: 100px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
</div>
Popup and Menubar demos
2011-05-08 18:41:21 +00:00
</div>
<div class="demo-description">
<p>TODO</p>
</div><!-- End demo-description -->
First attempt at a menubar
2010-04-30 12:46:12 +00:00
</body>
</html>
Reference in New Issue Copy Permalink