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

4579Re: menuBar problem with 11.3

Expand Messages
  • mscanlon17
    Sep 5, 2006
    • 0 Attachment
      Sorry, I have not responded to this earlier. I cannot put an example
      of this that is available outside the network. I have been able to
      replicate this by using the exact code in
      http://yuiblog.com/sandbox/yui/v011/examples/menu/example09.php but
      using version 0.11.3 and the same thing occurs. The links in the
      drop-downs don't work.
      I don't think it is a problem with the markup, as I am using the exact
      one in the example.

      --- In ydn-javascript@yahoogroups.com, "sashasklar" <spyrral@...> wrote:
      >
      > --- In ydn-javascript@yahoogroups.com, "Thomas S. Sha" <tsha@> wrote:
      > >
      > > --- In ydn-javascript@yahoogroups.com, "mscanlon17" <mscanlon17@>
      > > wrote:
      > > >
      > > > I have a menuBar created based off of the example in
      > > > http://yuiblog.com/sandbox/yui/v011/examples/menu/example09.php.
      When
      > > > I updgraded to 11.3 the submenus no longer worked. They would
      > > > drop-down fine but not go to a new page when clicking on a link.
      I am
      > > > pretty confused on what is going on here so any help would be great.
      > > >
      > >
      > > Can you provide a working example for review?
      > >
      > > Regards,
      > > Thomas
      > >
      >
      > I believe I've resolved this somewhat. I will write my solution for
      > others who may be having the same issue. If you consider the markup
      > for the example:
      >
      >
      > <div id="productsandservices" class="yuimenubar">
      > <div class="bd">
      > <ul class="first-of-type">
      > <li class="yuimenubaritem
      > first-of-type"><a
      href="http://communication.yahoo.com">Communication</a>
      >
      > <div class="yuimenu">
      > <div class="bd">
      > <ul>
      > <li
      > class="yuimenuitem"><a href="http://360.yahoo.com">360°</a></li>
      > <li
      > class="yuimenuitem"><a href="http://alerts.yahoo.com">Alerts</a></li>
      > <li
      > class="yuimenuitem"><a href="http://avatars.yahoo.com">Avatars</a></li>
      > <li
      > class="yuimenuitem"><a href="http://groups.yahoo.com">Groups</a></li>
      > <li
      > class="yuimenuitem"><a
      > href="http://promo.yahoo.com/broadband/">Internet Access</a></li>
      > <li
      > class="yuimenuitem">PIM
      >
      > <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"><a href="http://members.yahoo.com">Member
      > Directory</a></li>
      > <li
      > class="yuimenuitem"><a
      > href="http://messenger.yahoo.com">Messenger</a></li>
      > <li
      > class="yuimenuitem"><a href="http://mobile.yahoo.com">Mobile</a></li>
      > <li
      > class="yuimenuitem"><a href="http://photos.yahoo.com">Photos</a></li>
      > </ul>
      > </div>
      > </div>
      >
      > </li>
      > <li class="yuimenubaritem"><a
      > href="http://shopping.yahoo.com">Shopping</a>
      >
      > <div id="shopping"
      > class="yuimenu">
      > <div class="bd">
      >
      > <ul>
      > <li
      > class="yuimenuitem"><a
      > href="http://auctions.shopping.yahoo.com">Auctions</a></li>
      > <li
      > class="yuimenuitem"><a href="http://autos.yahoo.com">Autos</a></li>
      > <li
      > class="yuimenuitem"><a
      > href="http://classifieds.yahoo.com">Classifieds</a></li>
      > <li
      > class="yuimenuitem"><a
      >
      href="http://shopping.yahoo.com/b:Flowers%20%26%20Gifts:20146735">Flowers
      > & Gifts</a></li>
      > <li
      > class="yuimenuitem"><a href="http://points.yahoo.com">Points</a></li>
      > <li
      > class="yuimenuitem"><a href="http://realestate.yahoo.com">Real
      > Estate</a></li>
      > <li
      > class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
      > <li
      > class="yuimenuitem"><a href="http://wallet.yahoo.com">Wallet</a></li>
      > <li
      > class="yuimenuitem"><a href="http://yp.yahoo.com">Yellow Pages</a></li>
      > </ul>
      > </div>
      > </div>
      >
      > </li>
      > <li class="yuimenubaritem"><a
      > href="http://entertainment.yahoo.com">Entertainment</a>
      >
      > <div id="entertainment"
      > class="yuimenu">
      > <div class="bd">
      >
      > <ul>
      > <li
      > class="yuimenuitem"><a href="http://fantasysports.yahoo.com">Fantasy
      > Sports</a></li>
      > <li
      > class="yuimenuitem"><a href="http://games.yahoo.com">Games</a></li>
      > <li
      > class="yuimenuitem"><a href="http://www.yahooligans.com">Kids</a></li>
      > <li
      > class="yuimenuitem"><a href="http://music.yahoo.com">Music</a></li>
      > <li
      > class="yuimenuitem"><a href="http://movies.yahoo.com">Movies</a></li>
      > <li
      > class="yuimenuitem"><a
      > href="http://music.yahoo.com/launchcast">Radio</a></li>
      > <li
      > class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
      > <li
      > class="yuimenuitem"><a href="http://tv.yahoo.com">TV</a></li>
      > </ul>

      > </div>
      > </div>
      >
      >
      > </li>
      > <li
      class="yuimenubaritem">Information
      >
      > <div id="information"
      > class="yuimenu">
      > <div class="bd">
      >
      > <ul>
      > <li
      > class="yuimenuitem"><a
      > href="http://downloads.yahoo.com">Downloads</a></li>
      > <li
      > class="yuimenuitem"><a href="http://finance.yahoo.com">Finance</a></li>
      > <li
      > class="yuimenuitem"><a href="http://health.yahoo.com">Health</a></li>
      > <li
      > class="yuimenuitem"><a href="http://local.yahoo.com">Local</a></li>
      > <li
      > class="yuimenuitem"><a href="http://maps.yahoo.com">Maps &
      > Directions</a></li>
      > <li
      > class="yuimenuitem"><a href="http://my.yahoo.com">My Yahoo!</a></li>
      > <li
      > class="yuimenuitem"><a href="http://news.yahoo.com">News</a></li>
      > <li
      > class="yuimenuitem"><a href="http://search.yahoo.com">Search</a></li>
      > <li
      > class="yuimenuitem"><a href="http://smallbusiness.yahoo.com">Small
      > Business</a></li>
      > <li
      > class="yuimenuitem"><a href="http://weather.yahoo.com">Weather</a></li>
      > </ul>

      > </div>
      > </div>
      >
      >
      > </li>
      > </ul>
      > </div>
      > </div>
      >
      > You'll notice each subnav has an id. Even though that id is never
      > referenced in the client code, if you don't give those subnav divs an
      > id, it wont work. Doesn't matter what the id is. If that's not clear,
      > post and I'll elaborate, but right now I have to get this code up.
      >
    • Show all 10 messages in this topic