Discussion :

[drizztoli]

Voila, j'ai besoin d'insérer de la couleur dans chacune des options d'un select.
Et ensuite de voir celle qui a été sélectionnée.

Rien de difficile dans tout ca, sauf que ca fonctionne nickel sous IE (version 6) mais sous FireFox 1.5 , ca ne marche pas.

Les explications en image :

SOUS IE :
Ca donne la liste comme ca :



et quand je selectionne une couleur j'obtiens ce qu'il faut :


Par contre , sous FIREFOX :
La premiere etape est correcte :


mais le résultat a la selection pas vraiment (on a toujours le blanc)



Voici le code que j'utilise :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<select name="test" style="width:40;">
  <option value="#FFFF00" style="background-color:#FFFF00;">
  <option value="#00FFFF" style="background-color:#00FFFF;">
  <option value="#FF00FF" style="background-color:#FF00FF;">
  <option value="#00FF00" style="background-color:#00FF00;">
  <option value="#FF0000" style="background-color:#FF0000;">
  <option value="#0000FF" style="background-color:#0000FF;">
  <option value="#C0C0C0" style="background-color:#C0C0C0;">
  <option value="#808080" style="background-color:#808080;">
  <option value="#800080" style="background-color:#800080;">
  <option value="#808000" style="background-color:#808000;">
  <option value="#800080" style="background-color:#800080;">
  <option value="#800000" style="background-color:#800000;">
  <option value="#008000" style="background-color:#008000;">
  <option value="#000080" style="background-color:#000080;">
  <option value="#000000" style="background-color:#000000;">
</select>

S'il y a une technique pour FireFox, je suis preneur
Merci!!!!!

[sedryk]

Hello Drizztoli,

En ajoutant un peu de script sur l'événement OnChange ça devrait fonctionner

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<select name="test" style="width:40;" onchange="this.style.backgroundColor=value;">
  <option value="#FFFF00" style="background-color:#FFFF00;">
  <option value="#00FFFF" style="background-color:#00FFFF;">
  <option value="#FF00FF" style="background-color:#FF00FF;">
  <option value="#00FF00" style="background-color:#00FF00;">
  <option value="#FF0000" style="background-color:#FF0000;">
  <option value="#0000FF" style="background-color:#0000FF;">
  <option value="#C0C0C0" style="background-color:#C0C0C0;">
  <option value="#808080" style="background-color:#808080;">
  <option value="#800080" style="background-color:#800080;">
  <option value="#808000" style="background-color:#808000;">
  <option value="#800080" style="background-color:#800080;">
  <option value="#800000" style="background-color:#800000;">
  <option value="#008000" style="background-color:#008000;">
  <option value="#000080" style="background-color:#000080;">
  <option value="#000000" style="background-color:#000000;">
</select>

[drizztoli]

Desole du retard j'avais pas vu ta réponse!

Merci beaucoup, ca fonctionnne