DHTML - hjælp til at gennemskue kode!

Her kan du få hjælp og stille spørgsmål til andre programmeringssprog!
Besvar
Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46
DHTML - hjælp til at gennemskue kode!

Indlæg af Josefine » 20. jun 2014, 19:13

Hej NP. Jeg har en kode (fra en bog), som (så vidt jeg har forstået) skulle få nogle bolde til at bevæge sig, når siden bliver loadet.... mere kan jeg ikke rigtig få ud af det :/
Bogen er ikke ret hjælpsom når det kommer til forklaringen af, hvad der sker i dette stykke kode, og jeg har lidt svært ved at gennemskue den.... Det jeg dog er kommet frem til er, at der er en div med et stykke tekst i. Når siden bliver loadet, så tror jeg, at balls.gif dukker op og bevæger sig på en eller anden måde...
Nogen der kan hjælpe :? ?

Kode: Vælg alt

<html>
    <head>
        <title>Animation</title>
        <META charset="utf-8" />
        <META name="keywords" content="Test" />
        <META name="description" content="Her tester jeg noget javascript" />
        
		 <script type="text/javascript">
            
				function ball(bx, by, bxdir, bydir, bid){
					this.xpos = bx; this.ypos = by;
					this.xdirn = bxdir; this.ydirn = bydir; 
					nam = "ball"+bid;
					s='<div id=ball'+bid+'style="left: 100px; position: absolute; top: 100px;><img src="shoes0.png" border=0></div>';
					ducoment.writeln(s);
					this.gr = document.all[nam].style; this.setball = setball;
					this.moveball = moveball;				
				}
				
				function setball(bx, by) {
					this.xpos = bx; this.ypos = by;
					this.gr.left = bx; this.gr.top = by;				
				}
				
				
				function moveball() {
					this.ypos+=this.ydirm;
					if (this.ypos>ymax) {
					this.ydirn=-this.ydirn; 
					}	else if (this.ypos<10){
						this.ydirn=Math.abs(this.xdirn);
						this.xpos+=this.xdirn;
					}	
					
					if(this.xpos>xmax){
						this.xdirn=-this.xdirn;
					}		else if (this.xpos<10){
						this.xdirn=Math.abs(this.xdirn);
						this.setball(this.xpos, this.ypos);					
					}
				}
				
				function onMove() {
					for (j=1; j<=numberofballs; j++)	{
						aball[j].moveball();					
					}
					setTimeout("onMove",1)			
				}			
				
            
        </script>        
        
    </head>
    <body>
        
        
	  <div id=test2 style="left:140px; position: absolute; top: 110px">A simple animation demo</div>
	  
	  
	  
	 <script type="text/javascript" >
			
	  numberofballs=10;
	  aball = new Array();
	  for (j=1; j<=numberofballs; j++) {
	  		xdirRange = (Math.random()*8)-4;
	  		ydirRange = (Math.random()*8)-4;
	  		aball[j] = new ball(12+(Math.random()*400),13+(Math.random()*400),xdirRange,ydirRange,j);
	  }
	  
	  xmax=document.body.clientWidth-30;
	  ymax=document.body.clientHeight-30;
	  window.onLoad = onMove;
       
	</script>
        
    </body>
</html>
Ps. har altså ikke lige tjekket for syntaxfejl eller manglende semikolon eller noget... så det kan muligvis også være et problem (det virker i hvert fald ikke for mig!).

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: DHTML - hjælp til at gennemskue kode!

Indlæg af scootergrisen » 20. jun 2014, 20:05

Du kan bruge browserens konsol. Tryk F12.
Så kan du se fejlbeskeder fra Javascript.
ducoment skal være document.

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: DHTML - hjælp til at gennemskue kode!

Indlæg af Josefine » 20. jun 2014, 20:45

scootergrisen skrev:Du kan bruge browserens konsol. Tryk F12.
Så kan du se fejlbeskeder fra Javascript.
ducoment skal være document.
Heh, ja nu kom billedet da, men ingen bevægelse. Bruger Mac, så ved ikke lige hvad erstatningen for F12 er.


Besvar