dropdown menus onclick instead of onhover?

Hey Debra,

Yeah, already done, and should be available with the upcoming version, within a few days I hope!

This definitely seems to the be the way that dropdowns are going. The onhover gets annoying.

There's two options with this: 1. the top level menu item only opens the menu instead of being a link; or 2. You separate the dropdown into a separate but attached down arrow button and only that arrow produces the dropdown and the menu item itself still links to a page.

Hey Brian,

For the time being, you can use this http://drupal.org/project/special_menu_items for the parent menu items, however we'll have the next version at least as a beta very soon.

Thanks for your work on this.

I googled and read some posts from the superfish dev four years ago saying he was working on this, and then posting again four months ago that he never got it to work bug-free.

Has anyone tried http://plugins.jquery.com/project/clickmenu?

For the record: As of version 1.8 this feature has been added as a new jQuery plugin called "sf-Touchscreen" (via Superfish block configuration > Superfish plugins)

:)

I'll start testing that beta2 immediately. Thanks much.

Great work on this.

The sf-touchscreen seems to work just the way it is intended. It is an onHover dropdown on my desktop and an onClick dropdown on my android phone.

However, I was hoping to have the option of using onClick with desktop browsers also. Google and Facebook, for example, have both gone to onClick for their top bar dropdowns. I can make another feature request issue, unless I'm doing something wrong.

Hey Brian,

Just leave the second checkbox.

:)

OK, the onClick does seem to be working because my first click on the menu doesn't take me to the link, only my second click does. However, the menu has already dropped down from onHover.

I've been unchecking various options and I haven't been able to disable the onHover event.

Well, with a little jQuery you can achieve that as well.

sorry, i changed this to active, let me know otherwise or change back, but...

going with brianmercer's comments, i to would like to be able to have onClick for parent items, but, like brianmercer, i have tried all, am using 7.x-1.8, but no luck, still onHover

I have this checked 'Use jQuery sf-Touchscreen plugin for this menu.'

I am using chrome, no onClick behaviour, same for firefox and ie

Are my config settigns correct? or is there something else I have to set?

if i have to addjQuery, or change a file within module, or library, could you poss give any pointers please?

Hey Matt,

Can you email me the URL?

Hi, I have the same need : I'm trying to buid a kind of dropdown menu that only expands when the user clicks on the parent item this use case requires to prevent the parent item's link from sending the user to the linked page and to replace its behavior for clicks by making it dropdown the menu

I would also love to see an option for "onclick" behavior regardless of OS (not just limited to Android, etc), so we could create something like the Facebook-style dropdown menus: http://sammaye.wordpress.com/2010/01/23/facebook-style-css-jquery-drop-d...

Jordan,

Simply enable the sf-Touchscreen, but do not check that Use this mode only if below user agents were detected. :)

Thanks mehrpadin. I have done that, which does enable onClick, but as others have pointed out, it does not disable onHover behavior... so it does not behave like Facebook-style dropdown, which only drops down on click, not on hover.

Right, I'll tell you a hack but don't tell it anybody! :D

jquery.hoverintent.minified.js in the Superfish library, has a variable called "interval", change that from the default 100 to 100000000 or so, something crazy, it's in milliseconds, clear your cache if there's any, and you'll see the results ;)

It'll be available as a new feature (under hoverIntent plug-in settings) in the coming version.

Edit: In addition to the above, another feature for disabling the onHover will be available as well (not using the hack).

Any word on this issue? I'd like onClick only for both desktop and touchscreen.

I tried this hack, in sf-Touchscreen I have the "Enable jQuery sf-Touchscreen plugin for this menu." checked. Then in jquery.hoverintent.minified.js I set "interval" to 10000000.

The onClick works for Firefox but doesn't work for IE or Chrome (clicking once doesn't drop down).

Please try the latest development release (today's), if it didn't do it, email me the URL and I'll take a look.

Just tried the latest dev, onClick still not working in IE or chrome, sending you an email.

Same here, latest dev, onclick not working in chrome or ie.

For those arriving here from search results: This feature has been made available (and later improved) with the sfTouchscreen subplugin (Block config -> plugins -> sfTouchscreen -> Enable it and check "Also disable the hover event for all its sub-menus" too :)

@mehrpadin is this no on the current superfish? I'm looking for the option "Also disable the hover even for all it's sub-menus" but that checkbox is no longer there...

I would rather my menu be onclick instead of onhover for everything including desktop...