Discussion :

[km_mino]

j'ai un problème que j'ai pas pu résoudre
j'ai une page html qui contient une liste déroulante contenant des couleurs
je veux à l'aide d'une fonction javascript lorsque je sélectionne une couleur de la liste l'arrière plan de ma page devient avec cette couleur.
aider moi svp c'est très urgent

[marcha]

En supposant que la couleur est à un format css valide (#cc0000 ou rbg(192,0,0)) inscrit dans l'attibut value des balises options de ta liste

<select id='truc'>
<option value='#ff0000'>Rouge</option>
...
</select>

Tu peux en js extraire le code couleur avec qqch du genre:

Code :

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

1
2
3
4
5
6
 
function changeColor() {
  var liste = document.getElementById('truc'); // ou 'this' suivant le contexte
  var color = liste.options[liste.selectedIndex];
  document.body.style.backgroundColor = color;
}

Tu appelle changeColor sur l'évènement onchange de ta liste

[Bovino]

Si ta liste contient déjà des couleurs, tu as bien d^les définir quelque part, en background-color par exemple, tu peux donc récupérer directement cette couleur :

Code :

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

1
2
var liste = document.getElementById('ton_select');
var couleur = liste.options[liste.selectedIndex].style.backgroundColor;

[E.Bzz]

Si ta liste contient déjà des couleurs, tu as bien d^les définir quelque part,

La liste ... liste les couleurs, mais le but est d'appliquer la couleur choisie au background du body

@Marcha :

Code :

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

 var color = liste.options[liste.selectedIndex].value;

EDIT : et en plus simple

Code :

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

<select ... onchange="document.body.style.backgroundColor = this.value;">

A+