/sandbox/layout/menu.php
https://github.com/mmckeon/yui2 · PHP · 409 lines · 306 code · 56 blank · 47 comment · 4 complexity · 2887b62ed6a79f7beae262f301f9242c MD5 · raw file
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>YUI: Layout Manager</title>
- <link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css">
- <link rel="stylesheet" type="text/css" href="../../build/menu/assets/skins/sam/menu.css">
- <link rel="stylesheet" type="text/css" href="http://us.js2.yimg.com/us.js.yimg.com/i/ydn/yuiweb/css/dpsyntax-min-11.css">
- <link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css">
- <link rel="stylesheet" type="text/css" href="../../build/layout/assets/skins/sam/layout.css">
- <style>
- #productsandservices2 {
- position: static;
- }
- /*
- For IE 6: trigger "haslayout" for the anchor elements in the root Menu by
- setting the "zoom" property to 1. This ensures that the selected state of
- MenuItems doesn't get dropped when the user mouses off of the text node of
- the anchor element that represents a MenuItem's text label.
- */
- #productsandservices2 .yuimenuitemlabel {
- _zoom: 1;
- }
- #productsandservices2 .yuimenu .yuimenuitemlabel {
- _zoom: normal;
- }
- </style>
- </head>
- <body class="yui-skin-sam">
- <div id="top1">
- <div id="productsandservices" class="yuimenubar yuimenubarnav">
- <div class="bd">
- <ul class="first-of-type">
- <li class="yuimenubaritem first-of-type">
- <a class="yuimenubaritemlabel" href="#communication">Communication</a>
- </li>
- <li class="yuimenubaritem">
- <a class="yuimenubaritemlabel" href="http://shopping.yahoo.com">Shopping</a>
- </li>
- <li class="yuimenubaritem">
- <a class="yuimenubaritemlabel" href="http://entertainment.yahoo.com">Entertainment</a>
- </li>
- <li class="yuimenubaritem">
- <a class="yuimenubaritemlabel" href="#">Information</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div id="bottom1"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p></div>
- <div id="right1">
- <b>Right 1</b>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- </div>
- <div id="left1">
- <div id="productsandservices2" class="yuimenu">
- <div class="bd">
- <ul class="first-of-type">
- <li class="yuimenuitem">
- <a class="yuimenuitemlabel" href="#communication2">Communication</a>
- </li>
- <li class="yuimenuitem">
- <a class="yuimenuitemlabel" href="http://shopping.yahoo.com">Shopping</a>
- </li>
- <li class="yuimenuitem">
- <a class="yuimenuitemlabel" href="http://entertainment.yahoo.com">Entertainment</a>
- </li>
- <li class="yuimenuitem">
- <a class="yuimenuitemlabel" href="#">Information</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div id="center1">
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
- </div>
- <script type="text/javascript" src="../../build/yahoo/yahoo.js"></script>
- <script type="text/javascript" src="../../build/dom/dom.js"></script>
- <script type="text/javascript" src="../../build/event/event.js"></script>
- <script type="text/javascript" src="../../build/animation/animation.js"></script>
- <script type="text/javascript" src="../../build/dragdrop/dragdrop.js"></script>
- <script type="text/javascript" src="../../build/selector/selector-beta.js"></script>
- <script type="text/javascript" src="../../build/element/element.js"></script>
- <script type="text/javascript" src="../../build/container/container_core.js"></script>
- <script type="text/javascript" src="../../build/menu/menu.js"></script>
- <script type="text/javascript" src="../../build/resize/resize-min.js"></script>
- <script type="text/javascript" src="../../build/layout/layout-debug.js"></script>
- <script type="text/javascript">
- (function() {
- var Dom = YAHOO.util.Dom,
- Event = YAHOO.util.Event;
- Event.onDOMReady(function() {
- var layout = new YAHOO.widget.Layout({
- units: [
- { position: 'top', height: 28, body: 'top1', scroll: null, zIndex: 2 },
- { position: 'right', header: 'Right', width: 300, resize: true, footer: 'Footer', collapse: true, scroll: true, body: 'right1', animate: true },
- { position: 'bottom', header: 'Bottom', height: 100, resize: true, body: 'bottom1', collapse: true, gutter: '5 0 0 0' },
- { position: 'left', header: 'Left', width: 200, body: 'left1', gutter: '1px 2px 3px 4px', scroll: null, zIndex: 1 },
- { position: 'center', body: 'center1', gutter: '3' }
- ]
- });
-
- layout.on('render', function() {
- /* {{{ Top Menu */
- YAHOO.util.Event.onContentReady("productsandservices", function () {
- /*
- Instantiate a MenuBar: The first argument passed to the
- constructor is the id of the element in the page
- representing the MenuBar; the second is an object literal
- of configuration properties.
- */
- var oMenuBar = new YAHOO.widget.MenuBar("productsandservices", {
- autosubmenudisplay: true,
- hidedelay: 750,
- lazyload: true,
- effect: {
- effect: YAHOO.widget.ContainerEffect.FADE,
- duration: 0.25
- }
- });
- /*
- Define an array of object literals, each containing
- the data necessary to create a submenu.
- */
- var aSubmenuData = [
-
- {
- id: "communication",
- itemdata: [
- { text: "360", url: "http://360.yahoo.com" },
- { text: "Alerts", url: "http://alerts.yahoo.com" },
- { text: "Avatars", url: "http://avatars.yahoo.com" },
- { text: "Groups", url: "http://groups.yahoo.com " },
- { text: "Internet Access", url: "http://promo.yahoo.com/broadband" },
- {
- text: "PIM",
- submenu: {
- id: "pim",
- itemdata: [
- { text: "Yahoo! Mail", url: "http://mail.yahoo.com" },
- { text: "Yahoo! Address Book", url: "http://addressbook.yahoo.com" },
- { text: "Yahoo! Calendar", url: "http://calendar.yahoo.com" },
- { text: "Yahoo! Notepad", url: "http://notepad.yahoo.com" }
- ]
- }
-
- },
- { text: "Member Directory", url: "http://members.yahoo.com" },
- { text: "Messenger", url: "http://messenger.yahoo.com" },
- { text: "Mobile", url: "http://mobile.yahoo.com" },
- { text: "Flickr Photo Sharing", url: "http://www.flickr.com" },
- ]
- },
- {
- id: "shopping",
- itemdata: [
- { text: "Auctions", url: "http://auctions.shopping.yahoo.com" },
- { text: "Autos", url: "http://autos.yahoo.com" },
- { text: "Classifieds", url: "http://classifieds.yahoo.com" },
- { text: "Flowers & Gifts", url: "http://shopping.yahoo.com/b:Flowers%20%26%20Gifts:20146735" },
- { text: "Real Estate", url: "http://realestate.yahoo.com" },
- { text: "Travel", url: "http://travel.yahoo.com" },
- { text: "Wallet", url: "http://wallet.yahoo.com" },
- { text: "Yellow Pages", url: "http://yp.yahoo.com" }
- ]
- },
-
- {
- id: "entertainment",
- itemdata: [
- { text: "Fantasy Sports", url: "http://fantasysports.yahoo.com" },
- { text: "Games", url: "http://games.yahoo.com" },
- { text: "Kids", url: "http://www.yahooligans.com" },
- { text: "Music", url: "http://music.yahoo.com" },
- { text: "Movies", url: "http://movies.yahoo.com" },
- { text: "Radio", url: "http://music.yahoo.com/launchcast" },
- { text: "Travel", url: "http://travel.yahoo.com" },
- { text: "TV", url: "http://tv.yahoo.com" }
- ]
- },
-
- {
- id: "information",
- itemdata: [
- { text: "Downloads", url: "http://downloads.yahoo.com" },
- { text: "Finance", url: "http://finance.yahoo.com" },
- { text: "Health", url: "http://health.yahoo.com" },
- { text: "Local", url: "http://local.yahoo.com" },
- { text: "Maps & Directions", url: "http://maps.yahoo.com" },
- { text: "My Yahoo!", url: "http://my.yahoo.com" },
- { text: "News", url: "http://news.yahoo.com" },
- { text: "Search", url: "http://search.yahoo.com" },
- { text: "Small Business", url: "http://smallbusiness.yahoo.com" },
- { text: "Weather", url: "http://weather.yahoo.com" }
- ]
- }
- ];
- /*
- Subscribe to the "beforerender" event, adding a submenu
- to each of the items in the MenuBar instance.
- */
- oMenuBar.subscribe("beforeRender", function () {
- if (this.getRoot() == this) {
- this.getItem(0).cfg.setProperty("submenu", aSubmenuData[0]);
- this.getItem(1).cfg.setProperty("submenu", aSubmenuData[1]);
- this.getItem(2).cfg.setProperty("submenu", aSubmenuData[2]);
- this.getItem(3).cfg.setProperty("submenu", aSubmenuData[3]);
- }
- });
- /*
- Call the "render" method with no arguments since the
- markup for this MenuBar instance is already exists in
- the page.
- */
- oMenuBar.render();
-
- });
- /* }}} */
-
- /* {{{ Left Menu */
- YAHOO.util.Event.onContentReady("productsandservices2", function () {
- /*
- Instantiate a Menu: The first argument passed to the
- constructor is the id of the element in the page
- representing the Menu; the second is an object literal
- of configuration properties.
- */
- var oMenu = new YAHOO.widget.Menu("productsandservices2", {
- position: "static",
- hidedelay: 750,
- lazyload: true,
- effect: {
- effect: YAHOO.widget.ContainerEffect.FADE,
- duration: 0.25
- }
- });
- /*
- Define an array of object literals, each containing
- the data necessary to create a submenu.
- */
- var aSubmenuData = [
-
- {
- id: "communication2",
- itemdata: [
- { text: "360", url: "http://360.yahoo.com" },
- { text: "Alerts", url: "http://alerts.yahoo.com" },
- { text: "Avatars", url: "http://avatars.yahoo.com" },
- { text: "Groups", url: "http://groups.yahoo.com " },
- { text: "Internet Access", url: "http://promo.yahoo.com/broadband" },
- {
- text: "PIM",
- submenu: {
- id: "pim2",
- itemdata: [
- { text: "Yahoo! Mail", url: "http://mail.yahoo.com" },
- { text: "Yahoo! Address Book", url: "http://addressbook.yahoo.com" },
- { text: "Yahoo! Calendar", url: "http://calendar.yahoo.com" },
- { text: "Yahoo! Notepad", url: "http://notepad.yahoo.com" }
- ]
- }
-
- },
- { text: "Member Directory", url: "http://members.yahoo.com" },
- { text: "Messenger", url: "http://messenger.yahoo.com" },
- { text: "Mobile", url: "http://mobile.yahoo.com" },
- { text: "Flickr Photo Sharing", url: "http://www.flickr.com" },
- ]
- },
- {
- id: "shopping2",
- itemdata: [
- { text: "Auctions", url: "http://auctions.shopping.yahoo.com" },
- { text: "Autos", url: "http://autos.yahoo.com" },
- { text: "Classifieds", url: "http://classifieds.yahoo.com" },
- { text: "Flowers & Gifts", url: "http://shopping.yahoo.com/b:Flowers%20%26%20Gifts:20146735" },
- { text: "Real Estate", url: "http://realestate.yahoo.com" },
- { text: "Travel", url: "http://travel.yahoo.com" },
- { text: "Wallet", url: "http://wallet.yahoo.com" },
- { text: "Yellow Pages", url: "http://yp.yahoo.com" }
- ]
- },
-
- {
- id: "entertainment2",
- itemdata: [
- { text: "Fantasy Sports", url: "http://fantasysports.yahoo.com" },
- { text: "Games", url: "http://games.yahoo.com" },
- { text: "Kids", url: "http://www.yahooligans.com" },
- { text: "Music", url: "http://music.yahoo.com" },
- { text: "Movies", url: "http://movies.yahoo.com" },
- { text: "Radio", url: "http://music.yahoo.com/launchcast" },
- { text: "Travel", url: "http://travel.yahoo.com" },
- { text: "TV", url: "http://tv.yahoo.com" }
- ]
- },
-
- {
- id: "information2",
- itemdata: [
- { text: "Downloads", url: "http://downloads.yahoo.com" },
- { text: "Finance", url: "http://finance.yahoo.com" },
- { text: "Health", url: "http://health.yahoo.com" },
- { text: "Local", url: "http://local.yahoo.com" },
- { text: "Maps & Directions", url: "http://maps.yahoo.com" },
- { text: "My Yahoo!", url: "http://my.yahoo.com" },
- { text: "News", url: "http://news.yahoo.com" },
- { text: "Search", url: "http://search.yahoo.com" },
- { text: "Small Business", url: "http://smallbusiness.yahoo.com" },
- { text: "Weather", url: "http://weather.yahoo.com" }
- ]
- }
- ];
- // Subscribe to the Menu instance's "beforeRender" event
- oMenu.subscribe("beforeRender", function () {
- if (this.getRoot() == this) {
- this.getItem(0).cfg.setProperty("submenu", aSubmenuData[0]);
- this.getItem(1).cfg.setProperty("submenu", aSubmenuData[1]);
- this.getItem(2).cfg.setProperty("submenu", aSubmenuData[2]);
- this.getItem(3).cfg.setProperty("submenu", aSubmenuData[3]);
- }
- });
-
- /*
- Call the "render" method with no arguments since the
- markup for this Menu instance is already exists in the page.
- */
- oMenu.render();
- });
- /* }}} */
- }, layout, true);
-
-
- layout.render();
- });
- })();
- </script>
- </body>
- </html>
- <?php @include_once($_SERVER["DOCUMENT_ROOT"]."/wp-content/plugins/shortstat/inc.stats.php"); ?>