Mouseout sur select

Bonjour a tous,

J'ai un texte que je remplace au survol par un select, quand je ne suis plus sur le select je voudrais qu'il me remette le texte.
J'ai fait ca vite fais avec jquery mais cela ne fonctionne que sur webkit, sur les autres dès que j'essaye d'afficher une option du select il me remet le texte.

Grandeur nature :
http://fr.muaythaitv.com/_temp/transfert/9sq21_alsa/select.html

Comment je pourrais gérer cela ?

Merci,
Guillaume.

Hello.

Une raison particulière d'utiliser un effet pareil? Ça ne me semble ni très intuitif, ni très ergonomique, car impossible à naviguer au clavier.

Je t'aurais bien conseillé de doubler ton hover par un focus, mais vu qu'on ne peux pas atteindre le select via le focus .
Modifié par Florian_R (15 Nov 2011 - 16:09)

Florian_R a écrit :
Une raison particulière d'utiliser un effet pareil?
Ça ne me semble ni très intuitif, ni très ergonomique, car impossible à naviguer au clavier.

Dans le contexte ca n'a pas vraiment d'importance si c'est pas intuitif ou ergonomique, faut juste que cela fonctionne.

Merci,
Guillaume.
Modifié par Void (16 Nov 2011 - 11:57)

Florian_R a écrit :
Ça ne me semble ni très intuitif, ni très ergonomique, car impossible à naviguer au clavier.

Pas utilisable non plus sur un périphérique tactile.

Sinon, j'ai testé sur Opera et ça passe aussi. Par contre sur Firefox le fait de survoler la liste des OPTIONs va quand même envoyer un évènement mouseout sur le DIV.

Une solution éventuelle serait de modifier ta fonction déclenchée au mouseout pour qu'elle effectue quelques tests, notamment:
1. Est-ce que le SELECT a le focus?
2. Est-ce que le SELECT a une valeur différente de la valeur par défaut (à moins que tu veuilles le masquer même si l'utilisateur a choisi une valeur)?

PS: élément script en dehors du HEAD et de BODY dans ta page de test...
PPS: je déplace dans le salon JavaScript vu qu'il s'agit de ça.