Nieuw lid |
|
hallo
ik heb een html bestand met 8 divjes erin
<div id="bal1"> </div>
...
...
<div id="bal8"> </div>
daarnaast heb ik een css bestand voor al die 8 id;s
#bal1, #bal2, #bal3 , #bal4 , #bal5, #bal6, #bal7, #bal8 {
position:absolute;
top:150px;
left:200px;
background-color:#000000;
width:20px;
height:20px;
}
#bal1, #bal2, #bal3 , #bal4 , #bal5, #bal6, #bal7, #bal8 { position:absolute; top:150px; left:200px; background-color:#000000; width:20px; height:20px; }
nu wil ik elke bal in een array stoppen en een ander kleurtje meegeven dit heb ik zo gedaan:
var colors = new Array('yellow', 'black', 'blue', 'grey', 'orange', 'red', 'white', 'brown');
var bal = new Array();
for(var i = 0; i < 8; i++){
var ballen = bal[i+1];
bal[i] = document.getElementById("ballen");
bal[i].style.backgroundColor = colors[i];
var colors = new Array('yellow', 'black', 'blue', 'grey', 'orange', 'red', 'white', 'brown'); var bal = new Array(); for(var i = 0; i < 8; i++){ var ballen = bal[i+1]; bal[i] = document.getElementById("ballen"); bal[i].style.backgroundColor = colors[i];
nu krijg ik met firebug de volgende fout:
bal[i] has no properties
[Break on this error] bal[i].style.backgroundColor = colors[i];
kan iemand me helpen want ik kom er niet uit :S
|