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

Re: menuBar problem with 11.3

Expand Messages
  • mscanlon17
    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
    Message 1 of 10 , 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.
      >
    • Todd Kloots
      mscanlon17 - The problem is the click event handler that you have added to the document. That handler needs to check to make sure that the target of the
      Message 2 of 10 , Sep 6, 2006
      • 0 Attachment
        "mscanlon17" -

        The problem is the "click" event handler that you have
        added to the document. That handler needs to check to
        make sure that the target of the event wasn't the
        MenuBar instance or any of its child elements. I
        created an example for you:

        http://yuiblog.com/sandbox/yui/v0113/examples/menu/example03.php


        Alternatively you can take a look at the 0.11.3
        example for "Website Top Nav:"

        http://developer.yahoo.com/yui/examples/menu/topnavfrommarkup.html

        I haven adjusted the scripts to demonstrate how you
        can get away with not having to use the
        YAHOO.widget.OverlayManager class for collapsing
        submenus. It is less code.

        - Todd


        --- 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.
        >
        >
        >
        >
        >
        >
        >
        > Yahoo! Groups Links
        >
        >
        > ydn-javascript-unsubscribe@yahoogroups.com
        >
        >
        >
        >
        >
        >
        >
      • Nige White
        The rendering is slightly wrong on IE7. It works fine in my FireFox (apart for always putting Collapsed. Click to expand in place of the submenu indication
        Message 3 of 10 , Sep 7, 2006
        • 0 Attachment
          The rendering is slightly wrong on IE7.

          It works fine in my FireFox (apart for always putting "Collapsed. Click
          to expand" in place of the submenu indication image!!!!!)

          I've included a screenshot of Todd's latest demo to illustrate. As you
          can see the selected area, and the separator lines overflow the submenu.
          Not a hige deal, but a visual imperfection that customers would pick up
          on immediately.

          Nige


          _____________________________________________________________________
          This message has been checked for all known viruses. Virus scanning
          powered by Messagelabs http://www.messagelabs.com For more information
          e-mail : hostmaster@...
        • Todd Kloots
          Nige - I cannot reproduce any of the problems that you have identified in Firefox and IE 7. I have tested the Application Menubar example in both IE 7 RC1
          Message 4 of 10 , Sep 7, 2006
          • 0 Attachment
            Nige -

            I cannot reproduce any of the problems that you have
            identified in Firefox and IE 7. I have tested the
            "Application Menubar" example in both IE 7 RC1 and
            Firefox 1.0 and 1.5. I even tested the example in IE
            7 with and without a doctype and still cannot repro.

            Here are my screen captures:

            http://public.yahoo.com/~kloots/yuimenuscreencaps/Firefox.jpg
            http://public.yahoo.com/~kloots/yuimenuscreencaps/IE7_1.jpg
            http://public.yahoo.com/~kloots/yuimenuscreencaps/IE7_2.jpg

            Can you please provide more detail on these issues?
            Do you have the latest version of the Menu CSS and JS?
            Are you testing the 0.11.3 examples as they are out
            of the box? Or are you modifying them? What version
            of IE 7 are you using? Are you using custom submenu
            indicator images for you menus? Etc.

            Thanks,
            Todd

            --- Nige White <nigelw@...> wrote:

            > The rendering is slightly wrong on IE7.
            >
            > It works fine in my FireFox (apart for always
            > putting "Collapsed. Click
            > to expand" in place of the submenu indication
            > image!!!!!)
            >
            > I've included a screenshot of Todd's latest demo to
            > illustrate. As you
            > can see the selected area, and the separator lines
            > overflow the submenu.
            > Not a hige deal, but a visual imperfection that
            > customers would pick up
            > on immediately.
            >
            > Nige
            >
            >
            >
            _____________________________________________________________________
            > This message has been checked for all known viruses.
            > Virus scanning
            > powered by Messagelabs http://www.messagelabs.com
            > For more information
            > e-mail : hostmaster@...
            >
            >
            > ------------------------ Yahoo! Groups Sponsor
            > --------------------~-->
            > Something is new at Yahoo! Groups. Check out the
            > enhanced email design.
            >
            http://us.click.yahoo.com/TktRrD/gOaOAA/yQLSAA/edFolB/TM
            >
            --------------------------------------------------------------------~->
            >
            >
            >
            > Yahoo! Groups Links
            >
            >
            >
            > (Yahoo! ID required)
            >
            > mailto:ydn-javascript-fullfeatured@yahoogroups.com
            >
            >
            >
          • Bart King
            Hello, Just thought I d chip in and give a supporting view: http://www.bart666.com/stuff/yuimenus.png - looks fine in IE7b3 on XP. Bart ... From:
            Message 5 of 10 , Sep 7, 2006
            • 0 Attachment
              Hello,

              Just thought I'd chip in and give a supporting view:
              http://www.bart666.com/stuff/yuimenus.png - looks fine in IE7b3 on XP.

              Bart

              -----Original Message-----
              From: ydn-javascript@yahoogroups.com
              [mailto:ydn-javascript@yahoogroups.com] On Behalf Of Todd Kloots
              Sent: 07 September 2006 18:55
              To: ydn-javascript@yahoogroups.com
              Subject: Re: [ydn-javascript] Menu rendering on IE7.

              <snip>
            • Nige White
              Probably an early IE bug - I m on beta 2. I ll upgrade. ... _____________________________________________________________________ This message has been checked
              Message 6 of 10 , Sep 8, 2006
              • 0 Attachment
                Probably an early IE bug - I'm on beta 2. I'll upgrade.

                Todd Kloots wrote:

                > Nige -
                >
                > I cannot reproduce any of the problems that you have
                > identified in Firefox and IE 7. I have tested the
                > "Application Menubar" example in both IE 7 RC1 and
                > Firefox 1.0 and 1.5. I even tested the example in IE
                > 7 with and without a doctype and still cannot repro.
                >
                > Here are my screen captures:
                >
                > http://public.yahoo.com/~kloots/yuimenuscreencaps/Firefox.jpg
                > <http://public.yahoo.com/%7Ekloots/yuimenuscreencaps/Firefox.jpg>
                > http://public.yahoo.com/~kloots/yuimenuscreencaps/IE7_1.jpg
                > <http://public.yahoo.com/%7Ekloots/yuimenuscreencaps/IE7_1.jpg>
                > http://public.yahoo.com/~kloots/yuimenuscreencaps/IE7_2.jpg
                > <http://public.yahoo.com/%7Ekloots/yuimenuscreencaps/IE7_2.jpg>
                >
                > Can you please provide more detail on these issues?
                > Do you have the latest version of the Menu CSS and JS?
                > Are you testing the 0.11.3 examples as they are out
                > of the box? Or are you modifying them? What version
                > of IE 7 are you using? Are you using custom submenu
                > indicator images for you menus? Etc.
                >
                > Thanks,
                > Todd
                >
                > --- Nige White <nigelw@...
                > <mailto:nigelw%40forward-comp.co.uk>> wrote:
                >
                > > The rendering is slightly wrong on IE7.
                > >
                > > It works fine in my FireFox (apart for always
                > > putting "Collapsed. Click
                > > to expand" in place of the submenu indication
                > > image!!!!!)
                > >
                > > I've included a screenshot of Todd's latest demo to
                > > illustrate. As you
                > > can see the selected area, and the separator lines
                > > overflow the submenu.
                > > Not a hige deal, but a visual imperfection that
                > > customers would pick up
                > > on immediately.
                > >
                > > Nige
                > >
                > >
                > >
                > __________________________________________________________
                > > This message has been checked for all known viruses.
                > > Virus scanning
                > > powered by Messagelabs http://www.messagelabs.com
                > <http://www.messagelabs.com>
                > > For more information
                > > e-mail : hostmaster@...
                > <mailto:hostmaster%40forward-comp.co.uk>
                > >
                > >
                > > ------------------------ Yahoo! Groups Sponsor
                > >
                > >
                > >
                > > Yahoo! Groups Links
                > >
                > >
                > >
                > > (Yahoo! ID required)
                > >
                > > mailto:ydn-javascript-fullfeatured@yahoogroups.com
                > <mailto:ydn-javascript-fullfeatured%40yahoogroups.com>
                > >
                > >
                > >
                >
                >
                > _____________________________________________________________________
                > This message has been checked for all known viruses. Virus scanning
                > powered by Messagelabs http://www.messagelabs.com For more information
                > e-mail : hostmaster@...



                _____________________________________________________________________
                This message has been checked for all known viruses. Virus scanning
                powered by Messagelabs http://www.messagelabs.com For more information
                e-mail : hostmaster@...
              Your message has been successfully submitted and would be delivered to recipients shortly.