Les pages Web ont des contrôles tels que des zones de texte, menus déroulants et des boutons. Lorsque les utilisateurs visitent votre site, ils peuvent se déplacer à travers ces contrôles, en appuyant sur la touche de tabulation. Chaque commande a un index de tabulation. Cet indice détermine l`ordre dans lequel l`onglet se déplace clés. Par exemple, si vous modifiez l`index de tabulation du dernier bouton sur la page à un, les utilisateurs onglet pour que le contrôle d`abord quand ils appuyez sur la touche de tabulation. Utilisation de javascript, vous pouvez modifier l`onglet mise au point de sorte que le curseur se déplace dans l`ordre que vous définissez dans votre code.
Ouvrez votre page Web en utilisant le Bloc-notes ou votre éditeur HTML.
Ajouter ce code à la
section du document HTML:
Cela crée quatre zones de texte et un bouton. Par défaut, l`ordre de tabulation des zones de texte est un, deux, trois et quatre. Lorsque la page Web ouvre, l`onglet curseur de la volonté des boîtes dans cet ordre. Le bouton appelle une fonction javascript qui change l`ordre de tabulation.
Ajouter le code javascript suivant à la "
" section du document:Le bouton appelle cette fonction. La première ligne définit la variable "elementToChange." Dans cet exemple, vous allez réinitialiser l`index de tabulation de la seconde zone de texte (Texte2). La deuxième ligne définit un comme cet index de tabulation. La troisième ligne obtient une référence à la deuxième zone de texte. La quatrième ligne modifie l`index de tabulation de la zone de texte à un. Cela va changer l`ordre de tabulation à quatre, un, deux et trois parce que la deuxième zone de texte gagnera premier foyer.
Enregistrez le document. Ouvrez l`Explorateur Windows et recherchez le fichier. Double-cliquez dessus. Votre navigateur ouvrir. Placez votre curseur dans la barre d`adresse du navigateur.
appuie sur le "Languette" jusqu`à ce que le curseur se déplace vers la première zone de texte. Continuez à appuyer sur la "Languette" clé. Le curseur se déplace vers les zones de texte dans l`ordre par défaut: un, deux, trois et quatre.
Placez votre curseur dans la barre d`adresse du navigateur.
Clique le "Changer Tab Mise au point" bouton. Il appelle la fonction javascript. La fonction permet de réinitialiser l`onglet mise au point de sorte que les deuxièmes gains de zone de texte se concentrent en premier.
Appuyez sur la touche de tabulation jusqu`à ce qu`il se déplace vers les zones de texte. Notez qu`il se déplace vers la deuxième zone de texte premier et saute la première zone de texte.
Appuyez sur la touche de tabulation et notez qu`il passe à la troisième zone de texte, la quatrième zone de texte, puis à la première zone de texte. Le nouvel ordre de tabulation est maintenant quatre, un, deux et trois.
Conseils & Avertissements
- Changer l`onglet mise au point d`un élément de page en utilisant cette javascript. Remplacer "Text2" avec l`ID de l`élément que vous voulez changer. Par exemple, si vous voulez changer l`onglet mise au point d`un bouton nommé "MyButton," remplacer "Text2" avec "MyButton" dans la première ligne de code javascript. Réglez le nouvel index de tabulation dans la deuxième ligne de code.
