Andreas Hocevar
90 lines
1.9 KiB
HTML
90 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.Menu
|
|
</title>
|
|
<style type="text/css">
|
|
.goog-menu {
|
|
position: absolute;
|
|
color: #aaa;
|
|
}
|
|
|
|
.goog-scrollable-menu {
|
|
max-height:30px;
|
|
overflow-y:auto;
|
|
}
|
|
</style>
|
|
<script src="../base.js">
|
|
</script>
|
|
<script>
|
|
goog.require('goog.ui.MenuTest');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Here's a menu defined in markup:
|
|
</p>
|
|
<div id="demoMenu" class="goog-menu">
|
|
<div id="menuItem1" class="goog-menuitem">
|
|
Annual Report.pdf
|
|
</div>
|
|
<div id="menuItem2" class="goog-menuitem">
|
|
Quarterly Update.pdf
|
|
</div>
|
|
<div id="menuItem3" class="goog-menuitem">
|
|
Enemies List.txt
|
|
</div>
|
|
</div>
|
|
<p>
|
|
Here's a menu which has been rendered with an explicit content node:
|
|
</p>
|
|
<div id="complexMenu" class="goog-menu">
|
|
<div style="border:1px solid black;">
|
|
<div class="goog-menu-content">
|
|
<div id="complexItem1" class="goog-menuitem">
|
|
Drizzle
|
|
</div>
|
|
<div id="complexItem2" class="goog-menuitem">
|
|
Rain
|
|
</div>
|
|
<div id="complexItem3" class="goog-menuitem">
|
|
Deluge
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p>
|
|
Here's a scrollable menu:
|
|
</p>
|
|
<div id="scrollableMenu" class="goog-menu goog-scrollable-menu">
|
|
<div id="scrollableMenuItem1" class="goog-menuitem">
|
|
Auk
|
|
</div>
|
|
<div id="scrollableMenuItem2" class="goog-menuitem">
|
|
Bird
|
|
</div>
|
|
<div id="scrollableMenuItem3" class="goog-menuitem">
|
|
Crow
|
|
</div>
|
|
<div id="scrollableMenuItem4" class="goog-menuitem">
|
|
Duck
|
|
</div>
|
|
<div id="scrollableMenuItem5" class="goog-menuitem">
|
|
Emu
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|