login  Naam:   Wachtwoord: 
Registreer je!
 Forum

.style has no properties!

Offline BaddyZ - 30/11/2007 00:01 (laatste wijziging 30/11/2007 00:02)
Avatar van BaddyZNieuw 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

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #bal1, #bal2, #bal3 , #bal4 , #bal5, #bal6, #bal7, #bal8  {
  2. 				position:absolute;
  3. 				top:150px;
  4. 				left:200px;
  5. 				background-color:#000000;
  6. 				width:20px;
  7. 				height:20px;
  8. 			 }


nu wil ik elke bal in een array stoppen en een ander kleurtje meegeven dit heb ik zo gedaan:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var colors = new Array('yellow', 'black', 'blue', 'grey', 'orange', 'red', 'white', 'brown');
  2.  
  3.  
  4.  
  5. 	var bal = new Array();
  6.  
  7. 	for(var i = 0; i < 8; i++){
  8.  
  9. 		var ballen = bal[i+1];
  10.  
  11. 		bal[i] = document.getElementById("ballen");
  12.  
  13. 		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

11 antwoorden

Gesponsorde links
Offline citroen - 30/11/2007 10:01
Avatar van citroen Onbekend bal[i] = document.getElementById("ballen");

moet

bal[i] = document.getElementById("bal"+i);

zijn
Offline BaddyZ - 30/11/2007 16:09
Avatar van BaddyZ Nieuw lid ik heb het gedaan maar hij geeft nogsteeds

bal[i] has no properties
[Break on this error] bal[i].style.backgroundColor = colors[i];

weer
Offline Koen - 30/11/2007 17:48
Avatar van Koen PHP expert simpel, 'bal' is gewoon een lege array!
Offline phpfreak - 02/12/2007 00:45 (laatste wijziging 02/12/2007 00:47)
Avatar van phpfreak PHP beginner ballen is een variabele dus je moet het buiten de quotes zetten
Offline BaddyZ - 04/12/2007 18:05
Avatar van BaddyZ Nieuw lid ik heb het nu zo geprobeerd en dit zou de array eigenlijk toch moeten vullen :S

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var bal = new Array();
  2.  
  3. 	for(var i = 0; i < 8; i++){
  4.  
  5.  
  6.  
  7.  
  8. 		bal[i] = document.getElementById(bal+i);
  9.  
  10. 		bal[i].style.backgroundColor = colors[i];
Offline Stijn - 04/12/2007 18:08
Avatar van Stijn PHP expert var bal = new Array();

en dan bal[i] = document.getElementById(bal+i);.... Klopt niet hé, hij zal nooit een element vinden.

Verander die regel 8 eens in het volgende:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. bal[i] = document.getElementById("bal"+i);
Offline BaddyZ - 04/12/2007 18:10
Avatar van BaddyZ Nieuw lid ja klopt ik heb het nu zo:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. for(var i = 0; i < 8; i++){
  2.  
  3.  
  4.  
  5. 		var balIndex = i + 1;
  6. 		bal[i] = document.getElementById("bal" + balIndex);
  7.  
  8. 		bal[i].style.backgroundColor = colors[i];
Offline Threetimes - 04/12/2007 18:13 (laatste wijziging 04/12/2007 18:15)
Avatar van Threetimes PHP beginner en verander
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. for(var i = 0; i < 8; i++){
in
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. for(var i = 1; i < 9; i++){
dan zoekt hij naar bal 1-8 i.p.v. 0-7 

edit: te laat, jouw oplossing werkt ook
Offline BaddyZ - 04/12/2007 18:17
Avatar van BaddyZ Nieuw lid Oplossing knop werkt niet :O
Offline Threetimes - 04/12/2007 18:19
Avatar van Threetimes PHP beginner het is dus opgelost? 
Offline Koen - 04/12/2007 18:23
Avatar van Koen PHP expert
BaddyZ schreef:
Oplossing knop werkt niet :O

Wat werkt er niet aan?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s