Loading ...
Sorry, an error occurred while loading the content.

Re: [ydn-javascript] menubar as a submenu

Expand Messages
  • Todd Kloots
    Bryce - MenuBar is not currently designed to work as a submenu for an item in another MenuBar instance. We ll consider that as a possible feature for a future
    Message 1 of 2 , Jul 31, 2006
    • 0 Attachment
      Bryce -

      MenuBar is not currently designed to work as a submenu
      for an item in another MenuBar instance. We'll
      consider that as a possible feature for a future
      release.

      - Todd

      --- Bryce Fischer <bryce@...> wrote:

      > I'd like to use a MenuBar as the submenu of another
      > MenuBar. I can get
      > the submenu to work with the parent as a MenuBar and
      > the sub as a
      > Menu, but I can't get the other way to work.
      >
      > Apparently, just adding the id "yuimenubar" to the
      > root <ul> of the
      > submenu doesn't do it.
      >
      > Below is my code so far. Any suggestions on what to
      > do to get a
      > horizontal submenu to appear?
      >
      > Thanks:
      >
      > <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
      > "http://www.w3.org/TR/html4/strict.dtd">
      > <html>
      > <head>
      > <title>Yahoo UI Menu Test</title>
      > <link rel="stylesheet" type="text/css"
      > href="lib/YahooUI/fonts/fonts.css"/>
      > <link rel="stylesheet" type="text/css"
      > href="lib/YahooUI/menu/assets/menu.css"/>
      >
      > <script type="text/javascript"
      > src="lib/YahooUI/yahoo/yahoo.js"></script>
      > <script type="text/javascript"
      > src="lib/YahooUI/event/event.js"></script>
      > <script type="text/javascript"
      > src="lib/YahooUI/dom/dom.js"></script>
      > <script type="text/javascript"
      >
      src="lib/YahooUI/container/container_core.js"></script>
      > <script type="text/javascript"
      > src="lib/YahooUI/menu/menu.js"></script>
      > <script type="text/javascript">
      > YAHOO.example.init = function() {
      > var mainMenu = new
      > YAHOO.widget.MenuBar("mainmenu");
      > mainMenu.render();
      > mainMenu.show();
      > };
      >
      > YAHOO.util.Event.onAvailable('mainmenu',
      > YAHOO.example.init);
      >
      > </script>
      > </head>
      > <body>
      > <div id="mainmenu" class="yuimenubar">
      > <div class="bd">
      > <ul class="first-of-type">
      > <li class="yuimenuitem">Item 1</li>
      > <li class="yuimenuitem">Item 2
      > <div id="pim" class="yuimenu">
      > <div class="bd">
      > <ul class="first-of-type">
      > <li
      > class="yuimenuitem"><a
      > href="http://mail.yahoo.com">Yahoo! Mail</a></li>
      > <li
      > class="yuimenuitem"><a
      > href="http://addressbook.yahoo.com">Yahoo! Address
      > Book</a></li>
      > <li
      > class="yuimenuitem"><a
      > href="http://calendar.yahoo.com">Yahoo!
      > Calendar</a></li>
      > <li
      > class="yuimenuitem"><a
      > href="http://notepad.yahoo.com">Yahoo!
      > Notepad</a></li>
      > </ul>
      > </div>
      > </div>
      > </li>
      > <li class="yuimenuitem">Item 3</li>
      > <li class="yuimenuitem">Item 4</li>
      > <li class="yuimenuitem">Item 5</li>
      > </ul>
      > </div>
      > </div>
      > </body>
      > </html>
      >
      >
      >
      > Yahoo! Groups Links
      >
      >
      > ydn-javascript-unsubscribe@yahoogroups.com
      >
      >
      >
      >
      >
      >
      >
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.