Modifier une couleur de font grace a une liste deroulante

Bonjour,

J’ai créé une page avec 3 sliders, dans lesquels que je vais placer des. gif avec de la transparence.

J’aimerais pouvoir changer la couleur du font qui se trouve derrière les sliders à l’aide d’une liste déroulante.

Voici ou j'en suis pour le moment : http://www.pantalons.com/croquiseur/01.html

Sur mon exemple, j’aimerais pouvoir remplacer la couleur rouge par d’autres couleur.


Pourriez-vous m’aider ?

Merci d'avance pour votre aide.

salut,
simple exemple

<select id="couleur">
	<option value="red">Rouge</option>
	<option value="green">Vert</option>
	<option value="blue">Bleu</option>
	<option value="#000">Noir</option>
	<option value="rgb(255,255,255)">Blanc</option>
</select>
<div></div>

function changeColor(){
	div.style.backgroundColor = sel.value;
}

var sel = document.getElementById("couleur"),
	div = document.querySelector("div");

sel.addEventListener("change", changeColor, false);

window.onload = function (){
	sel.children[0].selected = "true";
}

Merci beaucoup Zelalsan,


J'ai mis en place ton exemple ici : http://www.pantalons.com/croquiseur/02.html

Par contre je coince je ne sais ou, lorsque je sélectionne une couleur, le background ne change pas.

J'ai placé une DIV avec un ID="couleur" mais c'est probablement pas ça qu'il faut faire

Yann

Bonjour,

J'ai pas mal avancé sur le sujet, mais je coince toujours sur la modification du background après avoir choisi une couleur dans le menu déroulant.

http://www.pantalons.com/croquiseur/02.html

Savez vous d’où peut venir problème ?

Merci,