Changer le couleur de fond

**popy67** · 25/02/2008, 12h02

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 :

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
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>

**SpaceFrog** · 25/02/2008, 12h03

Code :

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

"fond"

c'est quoi fond ???

**jbrasselet** · 25/02/2008, 12h06

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"

**SpaceFrog** · 25/02/2008, 12h08

Code :

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

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

**popy67** · 25/02/2008, 12h38

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

Changer le couleur de fond

JavaScript

Vue hybride

Discussions similaires

Partager

Partager