Mar

12

I have created a simple prototype that demonstrates the usage of Yahoo! UI, I created an AJAX application prototype that uses Arrordion Menu as the navigational Menu. The accordion menu is based on Yahoo! developer Heger Wang’s accordion menu, but with some bug fixes in Heger’s script.

accordion-screen-shot

The demo page is at:
http://www.lab.highub.com/yui/accordion-menu/adv2/


Source code can be downloaded at:
http://www.lab.highub.com/yui/accordion-menu/adv2/download.zip

Enjoy!



Similar Posts

Comments

Name (required)

Email (required)

Website

Speak your mind

5 Comments so far

  1. oat2sen on March 18, 2008 9:52 am

    a really nice way to use accordion menu.

  2. Chad on April 9, 2008 2:08 pm

    I like the ability the ability to edit menu options including timing and easing that Hedger’s original menu provided. Also missing is the ability to open specific menus on page load.

    Curious to know what bugs you found.

  3. admin on April 10, 2008 1:33 am

    Hi, Chad, the bug in Hedger’s original menu is when under one category, if there is no subcategory, the menu will still open a bit and then close in IE. This ‘jerky’ problem is caused by IE, the empty dd should have a height of zero, but IE reads a number. So I set dd height explicitly as dd.style.height = ‘0′;

    have you discovered this problem?

  4. Chad on April 11, 2008 11:15 am

    Ahh, no, I hadn’t run into that. Makes sense.

  5. admin on April 13, 2008 9:30 am

    And for the ability to open specific menus on page load, you can still use that function for unobtrusiveness. When visitors have their JavaScript turned off, they will be able to go to the page with the specific menu opened.

Sponsors




Links