HorizontalMenu

Summary: Horizontal drop-down style menus
Version:
Prerequisites:
Status: Somewhat outdated
Maintainer: Pm
Categories: Menus
Votes:

Questions answered by this recipe

  • How can I turn lists into horizontal drop-down style menus, as demonstrated on A List Apart?

Answer

hmenu.phpΔ is a script that adds a %hmenu% WikiStyle to PmWiki. This can then be used in a bullet list to produce horizontal drop-down style menus.

Example

* %hmenu% [[Main/Home(Page)]]
* About
** History
** Team
** Offices
* [[Services]]
** Web Design
** Internet Marketing
** Hosting
** Domain Names
** Broadband
* Contact Us
** United Kingdom
** France
** USA
** [[Australia]]
  • Home
  • About
    • History
    • Team
    • Offices
  • Services?
    • Web Design
    • Internet Marketing
    • Hosting
    • Domain Names
    • Broadband
  • Contact Us

Bugs

  • So far this only works with 2-level lists. It might take a fair amount of work to generalize it to higher-level lists.
    • Here is a sample for multi-level menus, see also Cookbook.DropDownSkin Klonk
  • It does not validate, because type="text/javascript" is missing in the <script> tag
  • Does not work (expand) in Internet Explorer because of hover issue?
  • I can expand the menu in IE7, and but you can only can mouse-over the first menu selection. As soon as you go below it for the next option, the whole menu vanishes. Any fixes? -Jason

See also

Contributors

Comments

See discussion at HorizontalMenu-Talk