une fonction javascript

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

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:

---

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

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:

---

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

---

Citation:

---

Envoyé par Bovino

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:

---

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

---

EDIT : et en plus simple

Code:

---

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

---

A+