menubutton_test.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. Copyright 2008 The Closure Library Authors. All Rights Reserved.
  5. Use of this source code is governed by the Apache License, Version 2.0.
  6. See the COPYING file for details.
  7. -->
  8. <!--
  9. @author nicksantos@google.com (Nick Santos)
  10. -->
  11. <head>
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  13. <meta charset="UTF-8" />
  14. <title>
  15. Closure Unit Tests - goog.ui.MenuButton
  16. </title>
  17. <style type="text/css">
  18. .goog-menu {
  19. position: absolute;
  20. color: #aaa;
  21. }
  22. </style>
  23. <script src="../base.js">
  24. </script>
  25. <script>
  26. goog.require('goog.ui.MenuButtonTest');
  27. </script>
  28. </head>
  29. <body>
  30. <iframe id="iframe1" src="menubutton_test_frame.html" width="400" height="400">
  31. </iframe>
  32. <div id="positionElement" style="position: absolute; left: 205px">
  33. </div>
  34. <p>
  35. Here's a menubutton defined in markup:
  36. </p>
  37. <div id="siblingTest">
  38. </div>
  39. <div id="demoMenuButton" class="goog-menu-button">
  40. <div id="demoMenu" class="goog-menu">
  41. <div id="menuItem1" class="goog-menuitem">
  42. Annual Report.pdf
  43. </div>
  44. <div id="menuItem2" class="goog-menuitem">
  45. Quarterly Update.pdf
  46. </div>
  47. <div id="menuItem3" class="goog-menuitem">
  48. Enemies List.txt
  49. </div>
  50. </div>
  51. </div>
  52. <div id="button1" class="goog-menu-button">
  53. </div>
  54. <div id="button2" class="goog-menu-button">
  55. </div>
  56. <div id="footer">
  57. </div>
  58. </body>
  59. </html>