Félkörívet bejáró objektum. 3512
Haladási irány: 9-8-7-6-5-4- íven 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="kep15x15.jpg" width="15px" height="15px" id="kocka1" class="kocka1" />
<script language="JavaScript" type="text/javascript" src="js_fájl_elérési_útvonala.js"> </script>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
JavaScript fájl
var x=0; // idelem függőleges érték
var y=0; // idelem vízszintes érték
var q=0; // Első feltétel (if) számlálója
var qq=0; // Második feltétel (else if) számlálója
var r=100; // Azon kör sugara, melynek ívén, a kocka mozog
var a=0; // Háromszög "a" oldalának hossza, az első feltételnél
var a2=0; // Háromszög "a" oldalának hossza, a második feltételnél
var b=0; // Háromszög "b" oldalának hossza, az első feltételnél
var b2=0; // Háromszög "b" oldalának hossza, a második feltételnél
var ido = window.setTimeout ("Update(); " , 30) ;
var idelem = document.getElementById("kocka1") ;
function Update () {
q++;
idelem.style.marginTop = x+50;
idelem.style.marginLeft = y+200;
// A sugárnak r adott értéknél, kisebb értéket kell megadni a feltételben. Ha nagyobb = Érvénytelen argumentum,
if (q < 100) {
a++;
b= Math.sqrt((r*r)-(a*a));
x=x+1; y=-b;
qq=200;
}
else if (qq >= 200 && qq <= 299) {
qq++;
a2++;
b2= Math.sqrt((r*r)-(a2*a2));
y= y+1; x=b2;
}
else {q=0; qq=0; a=0; a2=0; x=0; y=0;}
//Az időzítő funkciót (ismétlés, azaz frissítés)
ido = window.setTimeout("Update(); " , 30) ;
}