unclickable navmenu item in Thesis

by BenQ
5 replies
  • WEB DESIGN
  • |
Does anyone know how to make a navmenu item unclickable yet have it still be a parent to submenu items?
#item #navmenu #thesis #unclickable
  • Profile picture of the author Bruce Hearder
    Hi

    You don't want to make it unclickable. You need to make a click on a parent item immediate redirect to one of its child pages.

    Say for example, you have a menu structure like this :

    Products
    --- Green Product
    --- Red Product
    --- Blue Product

    What you need to do is to redirect all click on "Products" to say "Green Product"

    I have written a blog post about this at WebsiteSecrets101.com

    Find the blog post here :

    http://www.websitesecrets101.com/han...s-in-wordpress

    I hope this helps

    Bruce
    {{ DiscussionBoard.errors[1790062].message }}
  • Profile picture of the author BenQ
    In your example, I'd like to be able to hover over "products" and have green, red, blue appear. The surfer can then click on either green, red, or blue, but I don't want them to be able to click on "products" and go anywhere.
    {{ DiscussionBoard.errors[1791370].message }}
  • Profile picture of the author mywebwork
    That's still the same solution that Bruce provided, only you want to use a "onMouseOver" event instead of a click.

    Having said that it's still a better user experience to allow them to click, the menu system in Windows works that way so most people expect it.

    Bill
    {{ DiscussionBoard.errors[1791437].message }}
  • Profile picture of the author BenQ
    Hmm -- well, then if I allow them to click on "products" where do they go? Let's say I have 5 items listed under products. If they click on products, do I just have them go to a page that lists all the 5 products? I'd rather have "products" unclickable, and let them just go to the items under it.
    {{ DiscussionBoard.errors[1792692].message }}
  • Profile picture of the author mywebwork
    They don't need to "go" anywhere - clicking merely brings up the sub-menu.

    In JavaScript terms "clicking" or "mouseover" are events - they don't have to change pages, they can be used for anything.

    Look at the menu structure in a typical Windows application (or the Programs listing on Windows XP) - when you "click" on an item that has sub-menus it just displays the sub-menus, it doesn't open anything.

    The site in my signature also has a similar effect (I actually have a better example but it's password-protected). If you go to my site and hover over "Services" it drops a menu with a list of services like WordPress, Joomla etc. If instead you click on "Services" it brings up a page about services. Perhaps that is the effect you want to emulate?

    Bill
    {{ DiscussionBoard.errors[1793176].message }}

Trending Topics