11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je disposais d'un formulaire contenant énormément de champs (une cinquantaine), afin de le rendre moins "effrayant" et plus ordonné j'ai choisis d'utiliser les "accordéons" de JQuery pour regrouper mes champs par catégories.

Le problème auquel je n'avais pas pensé est un problème de navigation. Je m'explique, une fois que l'utilisateur a entrée toutes les informations du premier espace (il y en 3 en tout), s'il appuie sur la touche tabulation pour passer au champ suivant (qui est donc "enroulé") comme dans n'importe quel formulaire, le focus ne se place pas dans l'espace suivant mais quitte complètement mon formulaire.

J'aimerais donc que quand on arrive en bas d'un div et qu'on presse la touche tab, cela ouvre le suivant pour pouvoir continuer à remplir le formulaire sans devoir prendre la souris.

Est-ce réalisable ?

Merci,
Shawn
bonjour,

a l'aide de l'attribut tabindex (en dur ou generé via js) tu devrais aisement obtenir le comportement que tu souhaites.
Bonjour,

L'attribut Tabindex ne fonctionne pas avec les champs dans un espace non ouvert, certainement parcequ'il ne peut donc pas "sauter" au suivant puisque celui-ci n'est pas affiché.

Merci,
Shawn
Bonjour,

Je me permets d'uploader une dernière fois ma question, j'arrive en effet en fin de projet et c'est le seul problème que je n'ai pas encore résolu.

Une idée ?