 |  |
Celsius és Fahrenfok.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Program megírása, XHTML-oldalon:
<body>
<div id="atvalto">
<form name="calc">
<table class="tabla">
<tr>
<td>
Jelölje ki,
miről mire
történjen az
átváltás
<br />
<br />
Fahrenről Celsius.
<input type="checkbox"
name="FahrToCel"
onclick=
"document.calc.CelToFahr.
checked=false;
document.calc.Cel.
disabled=true;
document.calc.Fahr.
disabled=false;
document.calc.Fahr.value=
'0'">
<br />
Celsiusról Fahren
<input type="checkbox"
name="CelToFahr"
onclick="
document.calc.FahrToCel.
checked=false;
document.calc.Fahr.
disabled=true;
document.calc.Cel.
disabled=false;
document.calc.Cel.value
='0'">
</td></tr>
</table>
<table class="tabla">
<tr>
<td>
<br />
Írja be, az átváltandó értéket.
<br /><br />
Fahren fok:
<input type="text"
name="Fahr">
<br /><br />
Celsius fok:
<input type="text"
name="Cel">
<br /><br />
Átalakított:
<input type="text"
name="Total"
size=5> Fok
<br /><br />
<center>
<input type="button"
value="-Átváltás-"
onclick=
"CalculateCelToFahr()" >
</center>
</td></tr></table>
</div>
</body>
Megjegyzés:
Ha a button, azaz átváltó gombra, stilus meghatározást akarunk írni, megtehetjük a kezdő címkében.
Példa:
<input type="button" value=" - Convert - " onclick="CalculateCelToFahr()" style="background-color:#6699FF;color:#6633CC;border-style:inset;font-size:10pt;">
Ha a button, azaz átváltó gombot, középre akarjuk helyezni, akkor alkalmazzuk a <center> címkéket
Példa:
<center>
<input type="button" value=" - Convert - " onclick="CalculateCelToFahr()" >
</center>
Program megírása, CSS, azaz stíluslapon:
#atvalto {
width: 700px; margin-left: 50px; background-color: yellow;
}
#atvalto {
padding-top: 20px; padding-bottom: 20px;
}
.tabla {
width: 350px; margin-left: 150px; border: 2px solid #6633FF;
}
.tabla {
cellpadding: 5px; cellspacing: 0px; background-color: #6699FF;
}
Program megírása, javascript (js) fájlban:
var nine=9
var five=5
var forty=40
var t,t2,t3,t4
function CalculateCelToFahr()
{
var Fahrenheit=
parseInt
(document.calc.
Fahr.value)
var Celsius=
parseInt
(document.calc.
cel.value)
if(document.calc.CelTofahr.checked)
{
t=Celsius+40
t2=t*9
t3=t2/5
t4=t3-40
}
else if
(document.calc.
FahrToCel.checked)
{
t=Fahrenheit+40
t2=t*5
t3=t2/9
t4=t3-40
}
else
{
alert
("Adjon meg
egy átváltási
módszert")
t4=0
}
document.calc.
Total.value=
parseInt(t4)
}
További és részletesebb tájékoztatót, lásd az asztali változatnál!