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

menubar as a submenu

Expand Messages
  • Bryce Fischer
    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
    Message 1 of 2 , Jul 29, 2006
    • 0 Attachment
      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>
    • 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 2 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.