Hi guys,
For my first thread here, a little issue with new iphone OS 3.0: my website’s submenus don’t roll down anymore ! No problem with OS 2.2.1, tested on iphone simulator.
The menu is build as classical horizontal menubar action with CSS.
If anybody has a great idea, I will enjoy !
Do you have a link to the page so we can take a look?
Joe
On 6 Jul 2009, at 19:59, FF44 wrote:
Hi guys,
For my first thread here, a little issue with new iphone OS 3.0: my
website’s submenus don’t roll down anymore ! No problem with OS
2.2.1, tested on iphone simulator.
The menu is build as classical horizontal menubar action with CSS.
If anybody has a great idea, I will enjoy !
Joe,
Sorry to come back, but haven’t you any idea to fix my issue ? Nobody is able to pull down my menus with iPhone and the only way is to use the sitemap. It’s extremely annoying !
Mobile Safari doesn’t support the hover event, so if your menus appear
when someone mouses over (as opposed to clicking) the trigger area,
then they will never appear on any version of Safari on the iPhone.
The usual way to belt-and-suspenders a submenu is to make the main
menu item (the one you mouse over to expose the sub-options) a link to
a page that includes regular links to those options. So if your menu
looks like this when you hover over the PRODUCTS link:
HOME
PRODUCTS
Widgets
Sprockets
Gears
SUPPORT
CONTACT US
Then you should have a page called PRODUCTS that includes links to
(and descriptions of) Widgets, Sprockets, and Gears on it, and you
should link that page to the PRODUCTS main menu option. Ditto for all
links in the menu that have child options possible.
Walter
On Jul 10, 2009, at 6:42 AM, FF44 wrote:
Joe,
Sorry to come back, but haven’t you any idea to fix my issue ?
Nobody is able to pull down my menus with iPhone and the only way is
to use the sitemap. It’s extremely annoying !
Also, from looking at your page in 3.0 there are a number of errors
being produced (you can see this by turning on the Debugger in the
Safari options). This could be the reason, the other reason could be
that there are links on all of the items in the top level, when you
tap the screen this gets treated as a click first, if there’s nothing
to click then it gets treated as a hover. It’s not getting to this
hover stage because of the link.
We have noted that the CSS Menus Action’s dropdown menus will work on
the iPhone though so an alternative solution could be to use those.
Hope this helps.
Joe
On 10 Jul 2009, at 14:36, Walter Lee Davis wrote:
Mobile Safari doesn’t support the hover event, so if your menus
appear when someone mouses over (as opposed to clicking) the trigger
area, then they will never appear on any version of Safari on the
iPhone.
The usual way to belt-and-suspenders a submenu is to make the main
menu item (the one you mouse over to expose the sub-options) a link
to a page that includes regular links to those options. So if your
menu looks like this when you hover over the PRODUCTS link:
HOME
PRODUCTS
Widgets
Sprockets
Gears
SUPPORT
CONTACT US
Then you should have a page called PRODUCTS that includes links to
(and descriptions of) Widgets, Sprockets, and Gears on it, and you
should link that page to the PRODUCTS main menu option. Ditto for
all links in the menu that have child options possible.
Walter
On Jul 10, 2009, at 6:42 AM, FF44 wrote:
Joe,
Sorry to come back, but haven’t you any idea to fix my issue ?
Nobody is able to pull down my menus with iPhone and the only way
is to use the sitemap. It’s extremely annoying !
OK, I have improved the code : deleted the onload item wherever it was not used. A number of errors remain coming from Google search html embedded in my pages. However it works nice and I don’t want to change it.
I have cleaned my menus : top menus (other than home page) without links, only links in submenus.
It works so great in OS 2.2 but not in 3.0 !
So I think I will take Joe’s advice : CSS menus seems the good way