Gestion automatique des tabindex pour les formulaires
L’attribut TABINDEX permet de définir l’ordre des sélections des éléments d’une page par pression de la touche TAB.
Sa valeur comprise entre 0 et 32767 (selon les spécifications recommandées par le W3) est suivie de manière croissante mais non nécessairement consécutive.
Le problème c’est qu’à vouloir définir les TABINDEX de chaque élément, on s’emmêle vite les pinceaux surtout si on génère des pages de manière dynamique.
C’est là que jQuery vient à la rescousse…
En effet, nous pouvons fonctionner comme à l’accoutumée et, une fois la page chargée, demander à jQuery de passer en revue les éléments de type formulaire que nous souhaitons atteindre en priorité en pressant sur TAB.
-
span class= »st0″>’input,textarea,select’"hidden""tabindex"
Explications
On sélectionne simplement les éléments de notre formulaire (INPUT, TEXTAREA et SELECT) et on les passe en revue.
S’il ne s’agit pas d’un élément caché, on lui attribue l’attribut susmentionné avec une valeur que l’on incrémente à chaque fois.Et le tour est joué!