ignorer le focus

Bonjour le forum
Je travaille sur un formulaire qui contient un champ date, et à côté une image qui ouvre un calendrier en popup. J'aimerai que lorsque je suis dans le champ date et que je tape sur la touche Tabulation, le focus ne passe pas sur mon image, mais passe directement au champ d'après.
Comment faire ?
J'ai essayé avec style="-moz-user-focus: ignore;" mais je crois que cela ne s'applique qu'aux input...

Code:

---

1 2 3 4 5 6 7

<td> <input type="text" name="MaDate" value=<? echo $_POST['MaDate'];?>>&nbsp; <a href='javascript:calendrier("Formulaire_saisie","MaDate")' style="-moz-user-focus: ignore;"> <img src=img/calend.jpg border=0 alt='Ouvrir le calendrier'> </a> </td>

---

Merci de votre aide
;)

Y a un attribut génial qui s'appelle tabindex.

Citation:

---

Envoyé par Bisûnûrs

Y a un attribut génial qui s'appelle tabindex.

---

Est-ce qu'il ne s'applique pas qu'aux input et a ? :koi:

edit après vérification* : il s'applique en définitive à ces éléments

Citation:

---

A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA

---

...donc a priori pas les images :?

Envisage peut-être de transformer ton image en lien (<a>), en mettant l'image en background du lien, ou ce genre de choses...

* source w3c

Citation:

---

Envoyé par RomainVALERI

donc a priori pas les images

---

C'est pas grave, une image n'a jamais le focus, ici c'est le lien qui contient l'image qui a le focus et non l'image elle-même.

Citation:

---

Envoyé par Bisûnûrs

C'est pas grave, une image n'a jamais le focus, ici c'est le lien qui contient l'image qui a le focus et non l'image elle-même.

---

Laisse tomber, c'est mes yeux :aie:
*pas vu le <a> englobant l'image* :oops:

Effectivement tabindex cela fonctionne bien, merci

J'ai une question toutefois sur les input radio

Code:

---

1 2	<input type="radio" name="Choix" tabindex="44" value="1"> Choix 1 <input type="radio" name="Choix" tabindex="45" value="2"> Choix 2

---

Le trajet des index saute le second input radio : il fait le trajet 43 (input text) 44 (input radio) 46(input text) : et saute le 45 qui est mon second élément input radio : pourquoi ?

:roll:

Citation:

---

Envoyé par RomainVALERI

Laisse tomber, c'est mes yeux

---

Ce sont des choses qui arrivent. :mrgreen:
Et comme dirait ma grand-mère :
"Avant-hier, tu t'enorgueillissais de mes voitures."

Citation:

---

Envoyé par pitoumad

Le trajet des index saute le second input radio : il fait le trajet 43 (input text) 44 (input radio) 46(input text) : et saute le 45 qui est mon second élément input radio : pourquoi ?

---

Globalement, un ensemble de boutons radio qui ont le même nom ne renvoie qu'une valeur en POST, donc n'est en réalité qu'un élément et non plusieurs (plusieurs éléments HTML mais un seul élément de formulaire).
Pour naviguer dans les boutons radio on utilise les flèches directionnelles.

Oui, les radio ne sont qu'un seul élément en termes logiques : plusieurs balises INPUT, mais ce n'est qu'un seul choix qui est proposé à l'utilisateur par cet intermédiaire... un peu troublant dans le cas présent, j'en conviens ^^

Citation:

---

Envoyé par Bisûnûrs

Ce sont des choses qui arrivent. :mrgreen:
Et comme dirait ma grand-mère :
"Avant-hier, tu t'enorgueillissais de mes voitures."

---

Mouarf :mouarf: Ta grand-mère, je crois que je connais ses sources. :aie:

Merci pour ces précisions !
Vive le forum !
:P

Citation:

---

Envoyé par RomainVALERI

edit après vérification* : il s'applique en définitive à ces éléments ...donc a priori pas les images :?

Envisage peut-être de transformer ton image en lien (<a>), en mettant l'image en background du lien, ou ce genre de choses...

* source w3c

---

tabindex s'applique à tous les éléments, c'est autorisé en HTML 5 et recommandé par ARIA afin d'améliorer l'accessibilité des RIA dans certains cas de figures. Les navigateurs avaient, à priori, anticipé l'implémentation.
La valeur recommandée est 0 => tabindex="0"(*) rend l'élément focusable sans impacter l'ordre de tabulation.

* implémenté sur IE6+, FF2+, Safari4+ et Opéra10+

Citation:

---

Envoyé par Macmillenium

La valeur recommandée est 0 => tabindex="0"(*) rend l'élément focusable sans impacter l'ordre de tabulation.

---

Mais quand tu dis "sans impacter l'ordre de tabulation", tu veux dire qu'en bouclant sur l'ensemble des éléments avec TAB, on ne tombe jamais dessus, c'est bien ça ? Donc si je comprends bien ça ne fait *que* rendre l'élément sensible à la méthode focus() ? Ou bien ça ouvre aussi la possibilité d'écouter les événements focus et blur sur l'élément ? Et c'est indépendant de la présence d'un éventuel formulaire ? (oui, je pose beaucoup de questions :aie: mais ça fait pas mal)

Merci à toi en tous cas pour ces informations :mrgreen:

Citation:

---

Envoyé par RomainVALERI

Mais quand tu dis "sans impacter l'ordre de tabulation", tu veux dire qu'en bouclant sur l'ensemble des éléments avec TAB, on ne tombe jamais dessus, c'est bien ça ?

---

Non, je voulais dire que la valeur 0 est neutre et par conséquent, ne modifie pas l'ordre de tabulation.

Citation:

---

Envoyé par RomainVALERI

Ou bien ça ouvre aussi la possibilité d'écouter les événements focus et blur sur l'élément ? Et c'est indépendant de la présence d'un éventuel formulaire ?

---

Normalement oui, à vérifier ;)