Halloj
Tänkte lära mig att göra egna objekt lite bättre.
Har en div på en sida som symboliserar solen. Runt denna cirkulerar en annan div som skall föreställa jorden, som i sin tur har en div som symboliserar månen kretsande omkring sig. Får det dock inte att fungera med både jorden och månen cirkulerande på samma gång. Vad gör jag för fel?
<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function planet(planetName,parentPlanet,radie) {
this.planetName = planetName
this.parentPlanet = parentPlanet
this.radie = radie
this.vinkel = 0
}
function init(obj,parentPlanet,radie) {
obj = new planet(obj,parentPlanet,radie)
animate(obj);
}
function animate(obj) {
x = Math.round((Math.cos(obj.vinkel * Math.PI/180) * obj.radie)) + parseInt(document.all(obj.parentPlanet).style.left);
y = Math.round((Math.sin(obj.vinkel * Math.PI/180) * obj.radie)) + parseInt(document.all(obj.parentPlanet).style.top);
document.all(obj.planetName).style.left = x
document.all(obj.planetName).style.top = y
obj.vinkel = (obj.vinkel == 360) ? 1 : obj.vinkel + 2;
newObj = obj
obj.timeout = setTimeout('animate(newObj)', 1);
}
</SCRIPT>
</head>
<body onLoad="init('earth','sun',100); init('moon','earth',50);">
<div id="moon" style="position:absolute; top:0px; left:0px;">Moon</div>
<div id="earth" style="position:absolute; top:0px; left:0px;">Earth</div>
<div id="sun" style="position:absolute; top:300px; left:400px;">Sun</div>
</body>
</html>