Felhasználói dokumentáció Számológép Feladat: JavaScript és CSS segítségével számológép készítése. Futtatási környezet: A http://10.0.0.101/~szabby/szgep.html 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ő Két gomb segítségével tudunk váltani a tudományos és szokásos számológép között. 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 számológép 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/szgep.html 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: -szgep.html -szamol.css Images mappa: -kozep.png -1.png -2.png -3.png -4.png -5.png -6.png -7.png -nagy.png -r1.png Forráskódok: Szgep.html <html> <head> <link rel="stylesheet" href="szamol.css"> <script language=javascript> function frissit() function szam(szjegy) document.forms[0].elements[0].value=document.forms[0].elements[0].value+szjegy;
function osszead() muv=1; function kivonas() muv=2; function szorzas() muv=3; function osztas() muv=4; function szaz() muv=5; function kombin() n=parsefloat(document.forms[0].elements[0].value); muv=6; function varia() n=parsefloat(document.forms[0].elements[0].value); muv=7; function vari() n=parsefloat(document.forms[0].elements[0].value); muv=8;
function sinus() document.forms[0].elements[0].value=math.sin((math.pi/180)*y); function cosinus() document.forms[0].elements[0].value=math.cos((math.pi/180)*y); function tangens() document.forms[0].elements[0].value=math.tan((math.pi/180)*y); function negyzet() document.forms[0].elements[0].value=x*x; function gyok() document.forms[0].elements[0].value=x=math.sqrt(x); function rec() if (y==0) document.forms[0].elements[0].value='nullával nem osztunk'; document.forms[0].elements[0].value=1/y; function faktor() n=parsefloat(document.forms[0].elements[0].value); fakt=1; for (i=1;i<n+1;i++) fakt=fakt*i; document.forms[0].elements[0].value=fakt; function faktor1(p) fakt=1; for (i=1;i<p+1;i++) fakt=fakt*i; return fakt; function egyenlo() if (muv==1)
document.forms[0].elements[0].value=x+y; if (muv==2) document.forms[0].elements[0].value=x-y; if (muv==3) document.forms[0].elements[0].value=x*y; if (muv==4) if (y!=0) document.forms[0].elements[0].value=x/y; else document.forms[0].elements[0].value="nullával nem osztunk!"; if (muv==5) document.forms[0].elements[0].value=x*(y/100); if (muv==6) k=parsefloat(document.forms[0].elements[0].value); z=faktor1(n); v=faktor1(k); s=faktor1(n-k); document.forms[0].elements[0].value=math.round(z/(v*s)); if (muv==7) k=parsefloat(document.forms[0].elements[0].value); z=faktor1(n); s=faktor1(n-k); document.forms[0].elements[0].value=math.round(z/s); if (muv==8) k=parsefloat(document.forms[0].elements[0].value);
hatv=1; for (i=1;i<k+1;i++) hatv=hatv*n; document.forms[0].elements[0].value=math.round(hatv); function torol() x=0; y=0; function torol1() function tudomany() document.getelementbyid("semmi1").style.visibility="visible"; document.getelementbyid("szgep").style.height="240px"; function szokas() document.getelementbyid("semmi1").style.visibility="collapse"; document.getelementbyid("szgep").style.height="210px"; function valt() if (document.getelementbyid('r1').checked) r=2; if (document.getelementbyid('r2').checked) r=4; if (document.getelementbyid('r3').checked) r=8; if (document.getelementbyid('r4').checked) r=16; x=parseint(document.forms[0].elements[0].value); document.forms[0].elements[0].value=(x).tostring(r); function valt_v() if (document.getelementbyid('r1').checked) r=2; if (document.getelementbyid('r2').checked) r=4; if (document.getelementbyid('r3').checked) r=8; if (document.getelementbyid('r4').checked) r=16; x=parseint(document.forms[0].elements[0].value); document.forms[0].elements[0].value=parseint((document.forms[0].elements[0].value),r); function hatv() x=parseint(document.forms[0].elements[0].value); muv=9;
function egyenlo() if (muv=9) y=parseint(document.forms[0].elements[0].value); document.forms[0].elements[0].value=math.pow(x,y); function pi() document.forms[0].elements[0].value=math.pi; </script> </head> <body onload="frissit();"> <center> <div id="szgep"> <form action=# method=post> <table cellpadding="0" cellspacing="0" border="1"> <td colspan=5 id="kijelzotd"> <input type=text name='kijelzo' value='' id="kijelzo"> </td> <td colspan=5 id="semmi" height="0"> <table id="semmi1" border="1" cellspacing="0" cellpadding="0"> <td><input id="gomb1" type="button" value='x²' onclick="negyzet();"></td> <td><input id="gomb1" type="button" value=' ' onclick="gyok();"></td> <td><input id="gomb1" type="button" value='!' onclick="faktor();" ></td> <td><input id="gomb1" type="button" value='%' onclick="szaz();"></td> <td><input id="gomb1" type="button" value='1/x' onclick="rec();"></td> <td><input id="gomb1" type="button" value='komb' onclick="kombin();" ></td> <td><input id="gomb1" type="button" value='var' onclick="varia();" ></td> <td><input id="gomb1" type="button" value='var(i)' onclick="vari();" ></td> <td><input id="gomb1" type="button" value='sin' onclick="sinus();" ></td> <td><input id="gomb1" type="button" value='cos' onclick="cosinus();" ></td> <td><input id="gomb1" type="button" value='tan' onclick="tangens();" ></td> <td><input id="gomb1" type="button" value='hat' onclick="hatv();" ></td> <td><input id="gomb1" type="button" value='Π' onclick="pi();" ></td> <td><input id="r5" type="button" value='dec to n' onclick="valt();"></td> <td><input id="r6" type="button" value='a to dec' onclick="valt_v();"></td>
<td><input id="r1" type="radio" name=rgomb value='1'>2</td> <td><input id="r2" type="radio" name=rgomb value='2'>4</td> <td><input id="r3" type="radio" name=rgomb value='8'>8</td> <td><input id="r4" type="radio" name=rgomb value='16'>16</td> </table> </td> <td width="36" align="center"> <input id="gomb" type=button name='1' value='1' onclick="szam(1);"> </td> <td width="36" > <input id="gomb" type=button name='2' value='2' onclick="szam(2);"> </td> <td width="36"> <input id="gomb" type=button name='3' value='3' onclick="szam(3);"> </td> <td width="31"><input id="gomb" type=button name='oszt' value=' ' onclick="osztas();"></td> <td width="31"><input id="gomb" type=button name='semmi' value='c' onclick="torol();"></td> <tr > <td> <input id="gomb" type=button name='4' value='4' onclick="szam(4);"> </td> <td > <input id="gomb" type=button name='5' value='5' onclick="szam(5);"> </td> <td > <input id="gomb" type=button name='6' value='6' onclick="szam(6);"> </td> <td><input id="gomb" type=button name='szorzo' value=' ' onclick="szorzas();"></td> <td><input id="gomb" type=button name='semmi1' value='ce' onclick="torol1();"></td> <td> <input id="gomb" type=button name='7' value='7' onclick="szam(7);"> </td> <td> <input id="gomb" type=button name='8' value='8' onclick="szam(8);"> </td> <td> <input id="gomb" type=button name='9' value='9' onclick="szam(9);"> </td> <td><input id="gomb" type=button name='kivon' value='-' onclick="kivonas();"></td>
<td rowspan="2" id="egyenlotd"><input id="egyen" type=button name='egyen' value='=' onclick="egyenlo();"></td> <td colspan="2" id="nullatd"> <input id="nulla" type=button name='0' value='0' onclick="szam(0);"> </td> <td><input id="gomb" type=button name='vesszo' value=',' onclick="szam('.');"></td> <td><input id="gomb" type=button name='ossze' value='+' onclick="osszead();"></td> <td id="semmi" colspan="5"> <table id="semmi" border="0" cellspacing="0" cellpadding="0"> <td id="kieg"><input id="kieg1" type="button" name='tudomanyos' value='tudományos' onclick="tudomany();" ></td> <td id="kieg"><input id="kieg1" type="button" name='szoka' value='szokásos' onclick="szokas();" ></td> </table> </td> </table> </form> </div> </body> </html> -szamol.css body background-image: url('kozep.png'); #gomb width: 31px; #gomb1
#r1 background-image: url('r1.png'); height: auto; #r2 background-image: url('r1.png'); height: auto; #r3 background-image: url('r1.png'); height: auto; #r4 background-image: url('r1.png'); height: auto; #r5 #r6
td background-image: url(1.png); background-repeat: no-repeat; text-align: center; vertical-align: middle; width: 31px; td:hover background-image: url(2.png); #kijelzo color: black; width: 160px; #nulla width: 62px; color: white; #nullatd background-image: url(4.png); background-repeat: no-repeat; text-align: center; vertical-align: middle; width: 62px; #nullatd:hover background-image: url(5.png); #egyen width: 31px; height: 62px; color: white; #egyenlotd background-image: url(3.png); background-repeat: no-repeat; text-align: center; vertical-align: middle; height: 62px; width: 31px;
#kijelzotd background-image: url(6.png); background-repeat: no-repeat; text-align: center; vertical-align: middle; width: 155px; #szgep margin-top: 100px; width: 180px; height: 210px; background:url(images/bg.png); background-repeat:no-repeat; background-position:center; -moz-border-radius: 5px; table margin-top: 15px; #semmi margin-top: 1px; height: 0px; #semmi1 margin-top: 1px; visibility: collapse; position: absolute; top: 148px; left: 598px; #kieg background-image: url(7.png); background-repeat: no-repeat; text-align: center; vertical-align: middle; #kieg1 width: 84px; color: white; font-size:12px;
Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a szabby48@gmail.com e-mail címen.