JavaScript körívet bejáró objektum. 3510
Adott objektum ismétlődő mozgatása 6 tól 3 óráig
Mozillában csak akkor működik, ha kiiktatjuk a DOCTYPE meghatározást:
<-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
Azon szakaszt, területet, melyben a kockakép mozog, utólagosan állítjuk be arra a méretre, melyet, a mozgó objektum bejár.
Ha, nem helyezünk el <p> </p> üres bekezdéseket, vagy megfelelő méretű div szakaszt, akkor a mozgó objektum, a dokumentumunk szövegterületén mozog.
Teszteljük le úgy is, hogy a <p> </p> üres bekezdéseket, töröljük programunkból.
XHTML fájl
<img src="peldakep19/kep15x15.jpg" width="15px" height="15px" id="kocka1" class="kocka1" />
<script language="JavaScript" type="text/javascript" src="pelda3510js.js"> </script>
<p> </p> <p> </p> <p> </p> <p> </p>
JavaScript fájl
var x=10; // idelem függőleges érték
var y=250; // idelem vízszintes érték
var q=1;
var r=100;
var a=1;
var p=0;
var ido = window.setTimeout ("Update(); " , 30) ;
var idelem = document.getElementById("kocka1") ;
function Update () {
q++;
idelem.style.marginLeft = y;
idelem.style.marginTop = x;
// A sugárnak r adott értéknél, kisebb értéket kell megadni a feltételben. Ha nagyobb = Érvénytelen argumentum,
if (q < 99){
y= y+1;
a++;
var p=0;
x= Math.sqrt((r*r)-(a*a));
idelem.style.marginLeft = y;
idelem.style.marginTop = x;
}
else {q=0; x=10; y=250; a=1;}
//Az időzítő funkció
ido = window.setTimeout("Update(); " , 30) ;
}