aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/submenus2.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/submenus2.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/submenus2.html150
1 files changed, 0 insertions, 150 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/submenus2.html b/contexts/data/lib/closure-library/closure/goog/demos/submenus2.html
deleted file mode 100644
index fd41b20..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/submenus2.html
+++ /dev/null
@@ -1,150 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2010 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.
--->
-<head>
- <title>goog.ui.SubMenu</title>
- <script src="../base.js"></script>
- <script>
- goog.require('goog.debug');
- goog.require('goog.positioning.Corner');
- goog.require('goog.ui.Menu');
- goog.require('goog.ui.SubMenu');
- goog.require('goog.ui.PopupMenu');
- </script>
- <link rel="stylesheet" href="css/demo.css">
- <link rel="stylesheet" href="../css/menu.css">
- <link rel="stylesheet" href="../css/menuitem.css">
- <link rel="stylesheet" href="../css/menuseparator.css">
- <link rel="stylesheet" href="../css/submenu.css">
-</head>
-<body>
- <h1>goog.ui.SubMenu</h1>
- <p>Demonstration of different hierarchical menus which share its submenus.
- A flyweight pattern demonstration for submenus.</p>
- <p><button id="button">Open menu</button></p>
-
-
- <div id="sharedMenu" class="goog-menu">
- <div class="goog-menuitem">Google</div>
- <div class="goog-menuitem">Yahoo</div>
- <div class="goog-menuitem">MSN</div>
- <hr>
- <div class="goog-menuitem">Bla...</div>
- </div>
-
- <script>
-
- // Popup menu with sub menus
- var menu = new goog.ui.PopupMenu();
- menu.attach(document.getElementById('button'),
- goog.positioning.Corner.BOTTOM_LEFT,
- goog.positioning.Corner.TOP_LEFT);
-
- var sharedDecoratedSubmenu = new goog.ui.Menu();
- sharedDecoratedSubmenu.decorate(document.getElementById('sharedMenu'));
-
- var sharedSubmenu = new goog.ui.Menu();
- var sa = new goog.ui.SubMenu('Shared sub one');
- sa.addItem(new goog.ui.MenuItem('Shared sub sub one'));
- sa.addItem(new goog.ui.MenuItem('Shared sub sub two'));
- sharedSubmenu.addItem(sa);
- sharedSubmenu.addItem(new goog.ui.MenuItem('Shared sub two'));
- sharedSubmenu.addItem(new goog.ui.MenuItem('Shared sub three'));
- var sb = new goog.ui.SubMenu('Shared sub four');
- sb.setMenu(sharedDecoratedSubmenu);
- sharedSubmenu.addItem(sb);
-
- var a = new goog.ui.SubMenu('Zero');
- var b = new goog.ui.SubMenu('Ten');
- var c = new goog.ui.SubMenu('Twenty');
- var d = new goog.ui.SubMenu('Thirty');
- var e = new goog.ui.SubMenu('Has shared one');
- var f = new goog.ui.SubMenu('Has shared two');
- var g = new goog.ui.SubMenu('Has shared three');
- var h = new goog.ui.SubMenu('Has decorated shared one');
- var i = new goog.ui.SubMenu('Has decorated shared two');
- var j = new goog.ui.SubMenu('Has decorated shared three');
-
- e.setMenu(sharedSubmenu);
- f.setMenu(sharedSubmenu);
- g.setMenu(sharedSubmenu);
-
- h.setMenu(sharedDecoratedSubmenu);
- i.setMenu(sharedDecoratedSubmenu);
- j.setMenu(sharedDecoratedSubmenu);
-
- var aa = new goog.ui.SubMenu('One')
- aa.setEnabled(false);
- aa.addItem(new goog.ui.MenuItem('Add'));
- aa.addItem(new goog.ui.MenuItem('Subtract'));
- aa.addItem(new goog.ui.MenuItem('Multiply'));
-
- a.addItem(aa);
- a.addItem(new goog.ui.MenuItem('Two'));
- a.addItem(new goog.ui.MenuItem('Three'));
- a.addItem(new goog.ui.MenuItem('Four'));
-
- b.addItem(new goog.ui.MenuItem('Eleven'));
- b.addItem(new goog.ui.MenuItem('Thirteen'));
- b.addItem(new goog.ui.MenuItem('Fourteen'));
- b.addItem(new goog.ui.MenuItem('Fifteen'));
-
- c.addItem(new goog.ui.MenuItem('Twenty-one'));
-
-
- var cb = new goog.ui.SubMenu('Twenty-Two')
- cb.addItem(new goog.ui.MenuItem('Add'));
- cb.addItem(new goog.ui.MenuItem('Subtract'));
- cb.addItem(new goog.ui.MenuItem('Multiply'));
- var cbd = new goog.ui.SubMenu('More')
- cbd.addItem(new goog.ui.MenuItem('Square Root'));
- cbd.addItem(new goog.ui.MenuItem('Power'));
- cbd.addItem(new goog.ui.MenuItem('Square'));
- cb.addItem(cbd);
- c.addItem(cb);
-
- c.addItem(new goog.ui.MenuItem('Twenty-three'));
- c.addItem(new goog.ui.MenuItem('Twenty-four'));
-
- d.addItem(new goog.ui.MenuItem('Thirty-one'));
- d.addItem(new goog.ui.MenuItem('Thirty-two'));
- d.addItem(new goog.ui.MenuItem('Thirty-three'));
- d.addItem(new goog.ui.MenuItem('Thirty-four'));
-
- menu.addItem(a);
- menu.addItem(new goog.ui.MenuItem('AaAaAaAaAaAa'));
- menu.addItem(new goog.ui.MenuItem('BbBbBbBbBbBb'));
- menu.addItem(b);
- menu.addItem(c);
- menu.addItem(d);
-
- menu.addItem(e);
- menu.addItem(f);
- menu.addItem(g);
-
- menu.addItem(h);
- menu.addItem(i);
- menu.addItem(j);
-
- var ccc = new goog.ui.MenuItem('CcCcCcCcCcCc');
- ccc.setEnabled(false);
- menu.addItem(ccc);
- menu.addItem(new goog.ui.MenuItem('DdDdDdDdDdDd'));
-
-
- menu.render();
- menu.getElement().id = 'foo';
- goog.events.listen(menu, 'action', function(e) {
- var action = e.target.getCaption();
- alert(action);
- });
-
- </script>
-
-</body>
-</html>