I have a horizontal menu bar with drop-down submenus that work fine on my desktop computer, but do not work on my iPhone (the submenus do not open).
I have used Dreamweaver CS6 to design our website. Any help on how to fix this problem would be much appreciated.
I've changed some older scripts I've used from :hover to :focus or "onmouseover" to "onclick" to get the menus to fire on handhelds without too much fanfare.
It's hard to say what you'll need without seeing your page though. Do you have a link you could post?
I'm sure someone here will be able to give you the info you need to convert your current menu, though it's possible you'll need to scrap it and use a different menu script.
I think you might be in the "scrap it and use a different menu script" group I'm afraid.
Spry is no longer being developed or supported by Adobe. It started showing its age (especially in scripts like the menu) and just wasn't worth it to them anymore, especially with all of the other options available to people.
I would suggest moving to a full CSS based menu script. There are tons of free ones all over the internet and some paid ones that can be integrated into DW's Design View as well if you're not up for a little coding adventure.
I would recommend you AllWebMenus http://www.likno.com/allwebmenusinfo.html
It is a professional menu builder (paid) with too many features. And you can use it through the Dreamweaver Extension it has.
It works on Android, iOS, Windows Phone 7 and IE10 (with touchscreen). First touch will open an associated submenu, second will follow the link. Mouse and keyboard accessibility works as normal.
Thank you for the link.
I saw there are three filles:
- hoveritent.html (hoverIntent jQuery Plug-in)
- hoverintent.js (hoverIntent r7 // 2013.03.11 // jQuery 1.9.1+)
I am not a code guru. How to integrate these files (or part of them) with my existing files in Dreamweaver CS6.
These are the files I have for my spry menu bar:
- SpryMenuBarHorizontal.css (SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1)
- SpryMenuBar.js (SpryMenuBar.js - version 0.13 - Spry Pre-Release 1.6.1)
- .html (source code)
Manually remove all traces of Spry code and related files from your pages.
See Primer for Using jQuery Plugins.