Comportement optimal d'un menu déroulant web sur mobiles, ipad...

Bonjour,

Voilà je travaille sur l'élaboration d'un site web avec un menu principal horizontal en haut de page et avec des menus déroulants.
Et je n'arrive pas à avoir un comportement "normal" sur mobile, ipad...
Quand je touche un lien du menu qui n'est pas déroulant, il n'y a pas de problème et il me renvoie bien à la page du lien. Par contre quand je touche un lien du menu qui est composé d'un sous-menu, il ne se déroule pas...
Comment le faire se dérouler ?

Voici le lien de la page concernée:
www.startingblockmotorcycle.com/stbknewcopie/index.html

Il n'y a que "accueil" (non déroulant) et "presentation" (déroulant) qui sont actifs pour le test.

Est-ce un problème DTD et codage ?
Est-ce un problème dans js ?

Merci.
Modifié par RenNa (28 Jan 2013 - 22:16)

Salut,

je ne sais pas quel est ton niveau en js mais il va falloir mettre le nez dans ton code.

Vu l'ancienneté des scripts générés par Dreamweaver je pense que le sous-menu s'ouvre quand au roll-over du parent, ton js vient ajouter des classes.

Le roll-over sur tactile est à proscrire, car il n'existe pas (en fait chacun l'interprète à sa sauce). Grossièrement il faut remplacer le roll-over par un onclick.

A ta dispo,

Ju

Salut,

N'étant pas un pro du js, j'ai réussi à trouver une version plus récente du script.
Le widget "Spry Menu Bar 2.0" que l'on peut trouver ici:
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544

Et là cela fonctionne bien sur les iDevices, on peut jouer sur les "delay" d'ouverture et fermeture des menus pour régler à la perfection le temps du "touché".

@+