da ich ein absoluter Neuling auf dem Gebiet von JS bin, funktioniert natürlich direkt das erste Programm nicht. Es ist eine Schulaufgabe und wir sollen dort programmieren, dass es ein Rechteck gibt, wodrin wieder rum sich ein kleines Rechteck befindet, welches sich nur in dem äußeren Rechteck bewegen darf.
Problem bei mir ist, dass sich einfach gar nichts tut.
Wäre nett wenn mir wer auf die Sprünge helfen könnte
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Aufgabe 2a</title> <script type="text/javascript"> var x = 0; var y = 0; var height = getObj('box').style.height; var width = getObj('box').style.width; var xTempo = 5; var yTempo = 5; function init(){ startAnimation(); } function startAnimation(){ setInterval("animate()",10); } function animate(){ if(x>=width){ xTempo = -5; } if(x<=0){ xTempo = 5; } if(y>=height){ yTempo = -5; } if(y<=0){ yTempo = 5; } x += xTempo; y += yTempo; shiftTo() } function shiftTo(){ getObj('rect').style.left = x + "px"; getObj('rect').style.top = y + "px"; } function getObj(elementID){ return document.getElementByID(elementID); } </script> <style type="text/css"> #box { border: solid; border-width: 1; background: navy; height: 300px; width: 400px; z-index: 1} #rect { border: solid; border-width: 1; background: yellow; height: 20px; width: 20px; z-index: 2;} </style> </head> <body onLoad="init();"> <div id="box"> <div id="rect"></div> </div> </body> </html>
Dieser Beitrag wurde von Iso bearbeitet: 28. Februar 2007 - 18:07