Changer le couleur de fond

Version imprimable

Bonjour,

Le code ci-dessous est censé changer la couleur de fond de l'élement <div></div> selon la selection de l'internaute...
Si quelqu'un peut me dépanner... Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<style type="text/css">
div.moteur
	{
	height : 150px;
	width : 240px; 
	border : solid 1px black;
	background-color : #FFFF00;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	}
</style>
<script type="text/javascript">
function changement()
	{
var mon_element = document.getElementById("moteur");
 
	var fond = document.selection_couleur.couleur.value;
	mon_element.style.backgroundColor = "fond";
	}
</script>
 
</head>
<body>
 
 
<div class="moteur" id="moteur">
<form>
<table>
 
</table>
</form>
</div>
 
<div>
Couleur de fond : 
 
<form>
<select name="couleur" onChange="changement();">
	<option value="red">Rouge</option>
	<option value="blue" selected="selected">Bleu</option>
	<option value="pink">Violet</option>
</select>
</form>

25/02/2008, 12h03
SpaceFrog

Code:

"fond"

c'est quoi fond ???
25/02/2008, 12h06
jbrasselet

déjà ta variable fond n'est pas correctement affectée

c'est quoi selection_couleur?

ensuite une fois que ta variable fond existera il faudra que tu affectes le background avec fond et pas "fond"

Code:

1
2
var fond = document.forms[0].elements['couleur'].value;
	mon_element.style.backgroundColor = fond;

25/02/2008, 12h38
popy67

Citation:

Envoyé par jbrasselet

c'est quoi selection_couleur?

Avant de poster j'avais nommé ce formulaire "couleur_fond" <form name="couleur_fond"> (que j'ai ensuite effacé) au lieu de forms[1] voila pourquoi cette propriété est présente.

Merci pour la réponse ! Finalement, quand je regarde même si ca ne fonctionnait pas le code que j'ai écrit n'était pas si faux que ca...

Merci encore ;)