Felhasználói dokumentáció Sakk-játék Feladat: JavaScript és CSS segítségével sakk-játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Gépigény: Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Kezelési útmutató: Indító képernyő A fehér kezd. A honnan-hova fülekkel lehet lépkedni. A lépés gombbal aktiválhatjuk a lépést. Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a szabby48@gmail.com e-mail címen.
Fejlesztői dokumentáció Feladat: Java Script és CSS segítségével sakk-játék készítése Környezet: Intel(R) Core(TM) 2 Duo CPU E8400 @ 3.00 GHz 3.01 GHz/ 3,50 GB RAM/512 MB ATI Radeon HD 4670/160GB HDD/ Windows XP/ Mozilla Firefox. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Programfejlesztői környezet: A Számológép nevű program JavaScript programnyelven lett írva és HTML kód segítségével lett beágyazva majd CSS segítségével lett megformázva. Fájl lista: -index.html -javascript.js -style.css -kozep.png -indito.png Images mappa: - fb.png - ff.png - fgy.png - fh.png - fk.png - fv.png - ures.png - vb.png - vf.png - vgy.png - vh.png - vv.png - vk.png Forráskódok: index.html <html> <head> <title>sakk</title> <script type="text/javascript" src="javascript.js"></script> <link rel="stylesheet" href="style.css">
</head> <body onload="betolt()"> <center> <b id="s">sakk játék</b> <table border=1> <script> szin="#3399cc"; for(i=0;i<8;i++) document.write('<tr>'); if (((i+j)%2)==0) szin='#99ffcc' else szin='#3399cc' document.write('<td bgcolor='+szin+'><img id='+tomb_id[i][j]+' width=45 height=45px src=ures.png onclick=eger(id)></td>') document.write('</tr>'); </script> </table> <br> <b id="s1">honnan:</b> <select id="e1"> <option value=0>a</option> <option value=1>b</option> <option value=2>c</option> <option value=3>d</option> <option value=4>e</option> <option value=5>f</option> <option value=6>g</option> <option value=7>h</option> <select id="e2"> <option value=0>1</option> <option value=1>2</option> <option value=2>3</option> <option value=3>4</option> <option value=4>5</option> <option value=5>6</option> <option value=6>7</option> <option value=7>8</option> <b id="s1">hova:</b> <select id="m1">
<option value=0>a</option> <option value=1>b</option> <option value=2>c</option> <option value=3>d</option> <option value=4>e</option> <option value=5>f</option> <option value=6>g</option> <option value=7>h</option> <select id="m2"> <option value=0>1</option> <option value=1>2</option> <option value=2>3</option> <option value=3>4</option> <option value=4>5</option> <option value=5>6</option> <option value=6>7</option> <option value=7>8</option> <input type="button" value="lépés" onclick="csere()"/> </body> </html> -style.css body background-image: url('kozep.png'); #s color:yellow; font-size:30px; #s1 color:white; javascript.js: kepek=new Array(8); kepek[i]=new Array (8); kepek[0][0]="kep/fb.png"; kepek[0][1]="kep/fh.png"; kepek[0][2]="kep/ff.png"; kepek[0][3]="kep/fv.png"; kepek[0][4]="kep/fk.png";
kepek[0][5]="kep/ff.png"; kepek[0][6]="kep/fh.png"; kepek[0][7]="kep/fb.png"; kepek[1][i]="kep/fgy.png"; for(i=2;i<6;i++) for(j=0;j<8;j++) kepek[i][j]="kep/ures.png"; kepek[6][i]="kep/vgy.png"; kepek[7][0]="kep/vb.png"; kepek[7][1]="kep/vh.png"; kepek[7][2]="kep/vf.png"; kepek[7][3]="kep/vv.png"; kepek[7][4]="kep/vk.png"; kepek[7][5]="kep/vf.png"; kepek[7][6]="kep/vh.png"; kepek[7][7]="kep/vb.png"; tomb_id=new Array(8); tomb_id[i]=new Array(8); for(i=0;i<8;i++) for(j=0;j<8;j++) x='k'+i+j; tomb_id[i][j]=x; function betolt() sk=1; document.getelementbyid(tomb_id[i][j]).src=kepek[i][j]; function eger(fig) if (sk==1) s=document.getelementbyid(fig).src.split("/");
elem=s[s.length-2]+'/'+s[s.length-1]; //alert(fig); if (tomb_id[i][j]==fig) hx=i; hy=j; // alert(hx+' '+hy); if (sk==2) s=document.getelementbyid(fig).src.split("/"); elem=s[s.length-2]+'/'+s[s.length-1]; //alert(fig); if (tomb_id[i][j]==fig) kx=i; ky=j; // alert(kx+' '+ky); csere1(hx,hy,kx,ky); sk=0; sk++; // alert(sk); function csere1(a,b,c,d) if (kepek[c][d]=='kep/ures.png') sv=kepek[a][b]; kepek[a][b]=kepek[c][d]; kepek[c][d]=sv; else if (kepek[a][b]!='kep/ures.png') kepek[c][d]=kepek[a][b]; kepek[a][b]='kep/ures.png';
betolt(); function csere() p=document.getelementbyid('e1').value; o=document.getelementbyid('e2').value; r=document.getelementbyid('m1').value; q=document.getelementbyid('m2').value; if (kepek[q][r]=='kep/ures.png') else betolt(); sv=kepek[o][p]; kepek[o][p]=kepek[q][r]; kepek[q][r]=sv; if (kepek[o][p]!='kep/ures.png') kepek[q][r]=kepek[o][p]; kepek[o][p]='kep/ures.png' Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a szabby48@gmail.com e-mail címen.