[DOM] Changement du background grâce a l'objet DOM style

**Olaf MENJI** · 19/12/2005, 11h35

Mon source actuel :

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

**siddh** · 19/12/2005, 13h56

ben deja tu vas en avoir deux avec l'id cadre2 puisque y en a un dans la page.

C'est ca qui doit faire bugger car la le getElementById doit pas savoir quoi te retourner ou doit te renvoyer que le premier qui est celui contenant les autres.

**Olaf MENJI** · 19/12/2005, 14h16

J'ai changé l'id du div par cadrep au lien de cadre2 et j'ai toujours les mêmes problèmes

**siddh** · 19/12/2005, 14h34

ben ca marche mais ils sont les uns sur les autres a cause de ta classe

**Olaf MENJI** · 19/12/2005, 14h39

Ben non ça marche pas, au lieu de me faire 3 barres rouges initialement orange, j'en ai 2 rouges et la première reste orange

**siddh** · 19/12/2005, 14h44

ben en prenant ton code et en rajoutant un </script> qui manque dans le head ca me fais 3 div les uns sur les autres et tous rouges !!

**Olaf MENJI** · 19/12/2005, 16h03

Je comprend pas du tout d'où ça vient ... maintenant ça marche et je n'ai rien changé sur mon code.
Je sais pas ce qui c'est passé ... j'ai vraiment rien fait apart décompressé sur un jeu vidéo 15 min

Merci quand même Siddth

pour le cadre2, utiliser les mêmes noms pour des objets c'est un peu foireux