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
f73466a320
jquery-ui/tests/visual/menu/menubar.html

100 lines
2.9 KiB
HTML
Raw Normal View History

First attempt at a menubar
2010-04-30 12:46:12 +00:00
<!doctype html>
<html>
<head>
<title>Menu Visual Test: Default</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" />
Fixed bad references to jQuery-1.4.4.js
2010-12-22 17:59:29 +00:00
<script type="text/javascript" src="../../../jquery-1.4.4.js"></script>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script>
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
<script type="text/javascript" src="menubar.js"></script>
<!--
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
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
-->
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<script type="text/javascript">
$(function() {
$.fn.themeswitcher && $('<div/>').css({
position: "absolute",
right: 10,
top: 10
}).appendTo(document.body).themeswitcher();
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").menubar({
select: function(event, ui) {
$("<div/>").text("Selected: " + ui.item.text()).appendTo("#log");
}
});
First attempt at a menubar
2010-04-30 12:46:12 +00:00
});
</script>
<style>
body { font-size:62.5%; }
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
.ui-menu { width: 200px; position: absolute; outline: none; }
.ui-menu .ui-icon { float: right; }
.ui-menu li.ui-state-disabled {
font-weight: bold;
padding: .0em .4em;
margin: .4em 0 .2em;
line-height: 1.5;
}
Added menubar styles
2011-02-24 16:05:24 +00:00
/* menubar styles */
.ui-menubar .ui-button { float: left; margin: 0; border-width: 0 !important; border-right-width: 1px !important; }
.ui-menubar .ui-button.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
First attempt at a menubar
2010-04-30 12:46:12 +00:00
</style>
</head>
<body>
Added menubar styles and removed ui-widget-header class from markup
2011-02-24 16:06:47 +00:00
<div class="menubar">
Menu: Update menubar to use menu instead of removed flyoutmenu.
2011-02-24 15:39:08 +00:00
<!--
<a href="#">About...</a>
-->
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<a href="#">File</a>
<ul>
<li><a href="#">Open...</a></li>
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
<li class="ui-state-disabled">Open recent...</li>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<li><a href="#">Save</a></li>
<li><a href="#">Save as...</a></li>
<li><a href="#">Close</a></li>
<li><a href="#">Quit</a></li>
</ul>
<a href="#">Edit</a>
<ul>
<li><a href="#">Copy</a></li>
<li><a href="#">Cut</a></li>
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
<li class="ui-state-disabled">Paste</li>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
</ul>
<a href="#">View</a>
<ul>
<li><a href="#">Fullscreen</a></li>
<li><a href="#">Fit into view</a></li>
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
<li>
<a href="#">Encoding</a>
<ul>
<li><a href="#">Auto-detect</a></li>
<li><a href="#">UTF-8</a></li>
Added another nested list for testing
2011-02-24 16:35:34 +00:00
<li>
<a href="#">UTF-16</a>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</li>
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
</ul>
</li>
First attempt at a menubar
2010-04-30 12:46:12 +00:00
<li><a href="#">Customize...</a></li>
</ul>
</div>
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
Log:
<div id="log" style="height: 400px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>
</body>
</html>
Reference in New Issue Copy Permalink