mettre une image dans un select pendant sa maj

Version imprimable

23/07/2010, 17h05
alpha232

mettre une image dans un select pendant sa maj
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:

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.
23/07/2010, 17h29
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 :mrgreen:, non mais quelle idée :aie:

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.
23/07/2010, 20h54
RomainVALERI

Citation:

Envoyé par eckerdecker

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 :ccool:
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 :aie:)