Problem med object
HejJeg opretter et objekt, "function nytBraet()", som indeholder 64 objekter, "function felt(bratObj,felt)", mit problem er så, lidt mystisk eller ganske enkelt?, at det sidste object kan jeg fint ændre egenskaber på, men ikke de andre dvs. hvis jeg laver en alert på den egenskab jeg har prøvet at ændre, så ser det tilsyneladende ud til at den er ændret, men den vises ikke på skærmen, hvad gør jeg galt?, hjælp!!!
Hele koden:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>PgnReader</title>
</head>
<script>
function udregnToppen(felt,bratObj)
{
var res="";
var y=Math.floor(felt/8);
y=y * bratObj.storelse + bratObj.ramme;
res=y+"px";
return res;
}
function udregnVenstre(felt,bratObj)
{
var res="";
var x=felt-Math.floor(felt/8)*8;
x=x * bratObj.storelse + bratObj.ramme;
res=""+x+"px";
return res;
}
function udregnFarve(felt, feltObj, bratObj)
{
var farve, r1, r2;
r1=(felt-Math.floor(felt/8)*8+Math.floor(felt/8))/2;
r2=Math.round(r1);
if (r1==r2) farve=bratObj.hvid; else farve=bratObj.sort;
feltObj.style.backgroundColor=farve;
}
function felt(bratObj,felt)
{
this.bratObj=bratObj;
this.feltNavn=bratObj.bratNavn + "felt" + felt;
bratObj.bratElement.innerHTML=bratObj.bratElement.innerHTML+"<div id=\"" + this.feltNavn + "\"></div>";
this.feltElement=document.getElementById(this.feltNavn);
this.feltElement.style.position="absolute";
this.tegnFelt=function(felt1)
{
this.feltElement.style.left=udregnVenstre(felt1,this.bratObj);
this.feltElement.style.top=udregnToppen(felt1,this.bratObj);
udregnFarve(felt1,this.feltElement,this.bratObj);
this.feltElement.style.width=this.bratObj.storelse + "px";
this.feltElement.style.height=this.bratObj.storelse + "px";
}
this.tegnFelt(felt);
}
function nytBraet(){
this.feltObj=new Array(Object);
this.sort=opstil.sort;
this.hvid=opstil.hvid;
this.storelse=opstil.storelse;
this.ramme=opstil.ramme;
this.bratNavn="brat" + opstil.bratNr;
opstil.bratNr++;
document.body.innerHTML=document.body.innerHTML+"<div id=\"" + this.bratNavn + "\"></div>";
this.bratElement=document.getElementById(this.bratNavn);
for (var i=0; i<=63; i++){
this.feltObj[i]=new felt(this, i);
}
this.resize=function(){
for (var i=0; i<=63; i++){
this.feltObj[i].tegnFelt(i);
}
}
alert(this.feltObj[62].feltElement.style.backgroundColor);
this.feltObj[62].feltElement.style.backgroundColor="blue";
alert(this.feltObj[62].feltElement.style.backgroundColor);
this.feltObj[63].feltElement.style.backgroundColor="red";
}
function variabler()
{
this.bratNr=1;
this.billedPlacering="brikker1/";
this.storelse=50;
this.ramme=Math.round(this.storelse/2);
this.sort="#222222";
this.hvid="#DDDDDD";
}
function start()
{
opstil=new variabler();
brat1=new nytBraet();
}
onload=start;
</script>
<body>
</body>
</html>
