<h2>Конвертер единиц давления</h2>
<form>
<table style="text-align: left;" border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td colspan="2"><input type="hidden" value="1" /></td>
</tr>
<tr>
<td width="300px">Атмосферы, атм (atm)</td>
<td><input style="border:1px solid #0098e3;width:100%;padding:5px" placeholder="Введите значение" name="val1" onfocus="clearform(this.form)" type="text" /></td>
</tr>
<tr>
<td>КилоПаскали, кПа (KPa)</td>
<td><input style="border:1px solid #0098e3;width:100%;padding:5px" placeholder="Введите значение" name="val2" onfocus="clearform(this.form)" type="text" /></td>
</tr>
<tr>
<td>МегаПаскалиб, МПа (MPa)</td>
<td><input style="border:1px solid #0098e3;width:100%;padding:5px" placeholder="Введите значение" name="val3" onfocus="clearform(this.form)" type="text" /></td>
</tr>
<tr>
<td>Фунты на кв.дюйм, psi</td>
<td><input style="border:1px solid #0098e3;width:100%;padding:5px" placeholder="Введите значение" name="val4" onfocus="clearform(this.form)" type="text" /></td>
</tr>
<tr>
<td>Килограмм-силы на кв. см, кгс/см<sup>2</sup> (kgf/сm<sup>2</sup>)</td>
<td><input style="border:1px solid #0098e3;width:100%;padding:5px" placeholder="Введите значение" name="val5" onfocus="clearform(this.form)" type="text" /></td>
</tr>
<tr>
<td>Бары, (bar)</td>
<td><input style="border:1px solid #0098e3;width:100%;padding:5px" placeholder="Введите значение" name="val6" onfocus="clearform(this.form)" type="text" /></td>
</tr>
<tr>
<td colspan="2"><input onclick="convertform(this.form)" type="button" value="Конвертировать" /></td>
</tr>
</tbody>
</table>
</form>
<script language="JavaScript" type="text/javascript">// <![CDATA[
function convertform(form){
var firstvalue = 0;
for (var i = 1; i<= form.count; i++) {
// Find first non-blank entry
if (form.elements[i].value != null && form.elements[i].value.length != 0) {
if (i == 1 && form.elements[2].value != "") return false;
firstvalue = form.elements[i].value / form.elements[i].factor;
break;
}
}
if (firstvalue == 0) {
clearform(form);
return false;
}
for (var i = 1; i<= form.count; i++)
form.elements[i].value = formatvalue((firstvalue * form.elements[i].factor), form.rsize);
return true;
}
function formatvalue(input, rsize) {
var invalid = "**************************";
var nines = "999999999999999999999999";
var strin = "" + input;
var fltin = parseFloat(strin);
if (strin.length<= rsize) return strin;
if (strin.indexOf("e") != -1 ||
fltin> parseFloat(nines.substring(0,rsize)+".4"))
return invalid.substring(0, rsize);
var rounded = "" + (fltin + (fltin - parseFloat(strin.substring(0, rsize))));
return rounded.substring(0, rsize);
}
function resetform(form) {
clearform(form);
form.elements[1].value = 1;
convertform(form);
return true;
}
function clearform(form) {
for (var i = 1; i<= form.count; i++) form.elements[i].value = "";
return true;
}
// ]]></script>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.