Discussion :

[alpha232]

Bonjour à tous, j'ai plusieurs listes liées et je voudrais que pendant les maj de ces listes, s'affiche une image dans les select concernés, qui indiquent que les select sont en cours de maj.
J'ai essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<select id="select1" >
<option style="background:url('ajax-loader(8).gif') no-repeat;"></option>
</select>

Mais ça ne va pas. où est l'erreur ?

Alpha.

[eckerdecker]

Bonjour,

Je ne savais pas qu'il était possible de mettre une image de fond dans une balise option, on en apprend tous les jours : j'ai essayé ça marche !

Je ne parierai pas sur le fait que tous les navigateurs seront d'accord (mais qui sait ...)
EDIT : ça ne marche que sur Firefox (à moins qu'en modifiant le style avec plus d'insistance ...) : IE6, 7, 8, Chrome, Safari ne le prennent pas en compte

Pour en revenir à ton problème : je commencerai par virer les parenthèses dans le nom de ton image , non mais quelle idée

EDIT : Pour être cross-browser, je te conseil de plutôt masquer ton select pendant sa mise à jour, et le remplacer par ton image, une fois chargé tu fais l'inverse.

[RomainVALERI]

EDIT : Pour être cross-browser, je te conseil de plutôt masquer ton select pendant sa mise à jour, et le remplacer par ton image, une fois chargé tu fais l'inverse.

La suggestion me semble bonne
D'ailleurs, en fonction de l'effet désiré, on est même pas obligé de masquer le select :

- l'image d'attente peut venir se superposer au select tout simplement (donc en le masquant)
- tu peux ajouter un disabled=true au select pour le griser (ce qui aura comme autre mérite d'empêcher une éventuelle interaction intempestive de l'utilisateur )