Discussion :

[roi_danton]

Je réalise un composant de type listbox à 2 niveaux. Il doit pouvoir être pleinement accessible.
A l'affichage du formulaire, la listbox est fermée. Elle peut être ouverte avec le clavier (focus + entrée). Pour l'accessibilité, je dois donner le focus à chaque élément de liste sur lequel on se positionne avec les touches fléchées.
Je dois fermer la listbox si l'utilisateur clique en dehors ou porte le focus sur un autre élément du formulaire. J'utilise donc l'évènement "blur" de jQuery. Problème : il survient aussi lorsque je porte par programmation le focus sur un item de liste suite à la navigation clavier. Et quand je traite l'évènement, je n'arrive pas à en connaître la source, donc je ne sais pas si je dois fermer la listbox ou pas.
Comment faire ?

[SpaceFrog]

un flag

[roi_danton]

un flag

Mais encore ? Tu peux préciser ?

[SpaceFrog]

il te suffit de modifier un flag passé en paramètre (propriété ou attribut) de ton select pour savoir si l'action est lancée par une action ou dynamiquement ...

[roi_danton]

Bonne idée. Ce que j'ai fait :
- Lorsque je déclenche le changement de focus à l'intérieur de mon composant j'ajoute un attribut sur ma liste parente.
- J'ai attaché l'évènement "blur" non pas au container de mon composant, mais aux items de ma listbox car c'est eux qui vont perdre le focus.
- Lorsque je traite le "blur" je regarde s'il existe cet attribut. Si ce n'est pas le cas, c'est qu'on a perdu le focus au profit d'un autre élément de formulaire : je ferme la liste. Si c'est le cas, j'efface l'attribut.