[DOM] Changement du background grâce a l'objet DOM style
Mon source actuel :
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
46
47
48
49
50
51
52
53
| <html>
<head>
<title>Vacations - Gestion et Paramètrage des Plannings</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<meta name="GENERATOR" content="Quanta Plus">
<link rel="StyleSheet" href="style.css" type="text/css" media="screen" rev="StyleSheet">
<?
print("<style>");
print(".puzzle {position:absolute;width:225px;height:20px;font-size:15px;left:80px;top:123px;background-color:orange;z-index:1;font-weight:bold;text-align:center}");
print("</style>");
?>
<script>
var focus;
var obj;
var vic;
var deb;
var num_cadre;
//Initialisation des calques
function init(nb_plage){
vic=0;
focus=0;
deb=0;
for(i=0;i<nb_plage;i++){
num_cadre="cadre"+i;
creacadre(num_cadre);
}
}
function creacadre(cadre){
document.write("<div class=\"puzzle\" id="+cadre+"></div>");
}
function param(nb_plage){
for(i=0;i<nb_plage;i++){
num_cadre="cadre"+i;
document.getElementById(num_cadre).style.backgroundColor = "red";
document.getElementById(num_cadre).style.left = "100px";
document.getElementById(num_cadre).style.top = "100px";
}
}
</head>
<body onLoad="self.focus();MM_preloadImages('../images/btn/chek1.gif')" bgcolor="#FFFFFF" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<div id="cadre2">
<script>
init(3);
param(3);
</script>
</div> |
Ce code me permet d'afficher 3 cadres ici. C'est mal organisé désolé mais c'est en constante évolution :)
Mon problème est le suivant. Lorsque je crée mes cadres, ils sont oranges et je veux qu'ils deviennent rouge. C'est bizarre mais ça me sera nécessaire plus tard :)
Lorsque j'execute, seulement les 2 derniers cadres prennet la couleur rouge et pas le premier. je vois vraiment pas pourquoi ... :(
Est-ce que quelqu'un pourrait m'aider ?
Merci d'avance :D
