Andreas Hocevar
103 lines
1.9 KiB
HTML
103 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!--
|
|
Copyright 2008 The Closure Library Authors. All Rights Reserved.
|
|
|
|
Use of this source code is governed by the Apache License, Version 2.0.
|
|
See the COPYING file for details.
|
|
-->
|
|
<!--
|
|
|
|
@author nicksantos@google.com (Nick Santos)
|
|
-->
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<title>
|
|
Closure Unit Tests - goog.ui.SubMenu
|
|
</title>
|
|
<style type="text/css">
|
|
.goog-menu {
|
|
position: absolute;
|
|
color: #000;
|
|
border: 1px solid #B5B6B5;
|
|
background-color: #F3F3F7;
|
|
cursor: default;
|
|
font: normal small arial, helvetica, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
|
|
.goog-menuitem {
|
|
padding: 2px 1.5em 2px 5px;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.goog-menuitem-rtl {
|
|
padding: 2px 5px 2px 1.5em;
|
|
}
|
|
|
|
.goog-submenu-arrow {
|
|
text-align: right;
|
|
position: absolute;
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.goog-menuitem-rtl .goog-submenu-arrow {
|
|
text-align: left;
|
|
position: absolute;
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.goog-menuitem-disabled .goog-submenu-arrow {
|
|
display: none;
|
|
}
|
|
</style>
|
|
<script src="../base.js">
|
|
</script>
|
|
<script>
|
|
goog.require('goog.ui.SubMenuTest');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Here's a menu (with submenus) defined in markup:
|
|
</p>
|
|
<div id="demoMenu" class="goog-menu">
|
|
<div class="goog-menuitem">
|
|
Open...
|
|
</div>
|
|
<div class="goog-submenu">
|
|
Open Recent
|
|
<div class="goog-menu">
|
|
<div class="goog-menuitem">
|
|
Annual Report.pdf
|
|
</div>
|
|
<div class="goog-menuitem">
|
|
Quarterly Update.pdf
|
|
</div>
|
|
<div class="goog-menuitem">
|
|
Enemies List.txt
|
|
</div>
|
|
<div class="goog-submenu">
|
|
More
|
|
<div class="goog-menu">
|
|
<div class="goog-menuitem">
|
|
Foo.txt
|
|
</div>
|
|
<div class="goog-menuitem">
|
|
Bar.txt
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="sandbox">
|
|
</div>
|
|
</body>
|
|
</html>
|