Code: Select all
<html>
<title></title>
<head>
<script type="text/javascript">
var X1=1;
var X2=1;
var X3=1;
var X4=1;
var X5=1;
var X6=1;
var X7=1;
var X8=1;
var X9=1;
var X10=1;
function radio_button(x)
{
var z = Number(document.getElementById(x).value)
if (x=1||2)
{
X1=z
}
else if (x=3||4)
{
X2=z
}
else if (x=5||6)
{
X3=z
}
else if (x=7||8)
{
X4=z
}
else if (x=9||10)
{
X5=z
}
else if (x=11||12)
{
X6=z
}
else if (x=13||14)
{
X7=z
}
else if (x=15||16)
{
X8=z
}
else if (x=17|18)
{
X9=z
}
else if (x=19||20)
{
X10=z
}
}
function calc_values()
{
var Xmin = Number(document.myform.X_min_input.value);
var Xmax = Number(document.myform.X_max_input.value);
var Ymin = Number(document.myform.Y_min_input.value);
var Ymax = Number(document.myform.Y_max_input.value);
var Zmin = Number(document.myform.Z_min_input.value);
var Zmax = Number(document.myform.Z_max_input.value);
var Umin = Number(document.myform.U_min_input.value);
var Umax = Number(document.myform.U_max_input.value);
var Vmin = Number(document.myform.V_min_input.value);
var Vmax = Number(document.myform.V_max_input.value);
var M1= Number(document.myform.modifier_variable_1.value)/100;
var M2= Number(document.myform.modifier_variable_2.value)/100;
var M3= Number(document.myform.modifier_variable_3.value)/100;
var M4= Number(document.myform.modifier_variable_4.value)/100;
var M5= Number(document.myform.modifier_variable_5.value)/100;
var M6= Number(document.myform.modifier_variable_6.value)/100;
var M7= Number(document.myform.modifier_variable_7.value)/100;
var M8= Number(document.myform.modifier_variable_8.value)/100;
var M9= Number(document.myform.modifier_variable_9.value)/100;
var M10= Number(document.myform.modifier_variable_10.value)/100;
myform.X_min_output.value=Number(X1);
myform.X_max_output.value=Number(X2);
myform.Y_min_output.value=Number(X3);
myform.Y_max_output.value=Number(X4);
myform.Z_min_output.value=Number(X5);
myform.Z_max_output.value=Number(X6);
myform.U_min_output.value=Number(X7);
myform.U_max_output.value=Number(X8);
myform.V_min_output.value=Number(X9);
myform.V_max_output.value=Number(X10);
}
</script>
</head>
<body bgcolor="#FF7F00">
<form name="myform">
<table border=2;>
<tr>
<td>
<input type="text" name="X_min_input">
</td>
<td>
X (min)
</td>
<td>
<input type="text" size="5" name="modifier_variable_1">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="1"><input checked=true type="radio" id="1" name="modifier_1" value="1" onclick="radio_button
(this.id)">Make bigger</label>
</td>
<td>
<label for="2"<input type="radio" id="2" name="modifier_1" value="0" onclick="radio_button(this.id)">Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="X_max_input">
</td>
<td>
X (max)
</td>
<td>
<input type="text" size="5" name="modifier_variable_2">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="3"><input checked=true type="radio" id="3" name="modifier_2" value="1" onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="4"><input id="4" type="radio" name="modifier_2" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="Y_min_input">
</td>
<td>
Y (min)
</td>
<td>
<input type="text" size="5" name="modifier_variable_3">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="5"><input checked=true type="radio" ID="5" name="modifier_3" value="1" onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="6"><input type="radio" id="6" name="modifier_3" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="Y_max_input">
</td>
<td>
Y (max)
</td>
<td>
<input type="text" size="5" name="modifier_variable_4">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="7"><input checked=true type="radio" id="7" name="modifier_4" value="1" onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="8"><input type="radio" id="8" name="modifier_4" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="Z_min_input">
</td>
<td>
Z (min)
</td>
<td>
<input type="text" size="5" name="modifier_variable_5">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="9"><input checked=true type="radio" id="9" name="modifier_5" value="1" onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="10"><input type="radio" id="10" name="modifier_5" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="Z_max_input">
</td>
<td>
Z (max)
</td>
<td>
<input type="text" size="5" name="modifier_variable_6">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="11"><input checked=true type="radio" id="11" name="modifier_6" value="1" onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="12"><input type="radio" id="12" name="modifier_6" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="U_min_input">
</td>
<td>
U (min)
</td>
<td>
<input type="text" size="5" name="modifier_variable_7">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="13"><input checked=true type="radio" id="13" name="modifier_7" value="1" onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="14"><input type="radio" id="14" name="modifier_7" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="U_max_input">
</td>
<td>
U (max)
</td>
<td>
<input type="text" size="5" name="modifier_variable_8">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="15"><input checked=true type="radio" id="15" name="modifier_8" value="1"onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="16"><input type="radio" id="16" name="modifier_8" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="V_min_input">
</td>
<td>
V (min)
</td>
<td>
<input type="text" size="5" name="modifier_variable_9">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="17"><input checked=true id="17" type="radio" name="modifier_9" value="1" onclick="radio_button(this.id)
>Make bigger</label>
</td>
<td>
<label for="18"<input id="18" type="radio" name="modifier_9" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="V_max_input">
</td>
<td>
V (max)
</td>
<td>
<input type="text" size="5" name="modifier_variable_10">
</td>
<td>
Modifier (%)
</td>
<td>
<label for="19"><input checked="true" type="radio" id="19" name="modifier_10" value="1" onclick="radio_button
(this.id)>Make bigger</label>
</td>
<td>
<label for="20"><input type="radio" id="20" name="modifier_10" value="0" onclick="radio_button(this.id)>Make
smaller</label>
</td>
</tr>
<tr><td>
<input type="button" name="calculate" value="Calculate new values" onclick="calc_values()">
<input readOnly type="text" name="X_min_output"> X (min) NEW
<input readOnly type="text" name="X_max_output"> X (max) NEW
<input readOnly type="text" name="Y_min_output"> Y (min) NEW
<input readOnly type="text" name="Y_max_output"> Y (max) NEW
<input readOnly type="text" name="Z_min_output"> Z (min) NEW
<input readOnly type="text" name="Z_max_output"> Z (max) NEW
<input readOnly type="text" name="U_min_output"> U (min) NEW
<input readOnly type="text" name="U_max_output"> U (max) NEW
<input readOnly type="text" name="V_min_output"> V (min) NEW
<input readOnly type="text" name="V_max_output"> V (max) NEW
</tr></td>
</table>
</form>
</body>
</html>
UPDATED CLEANED CODE
<!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">
<head>
<title></title>
<script type="text/javascript">
//<![CDATA[
VAR X1=1;
VAR X2=1;
VAR X3=1;
VAR X4=1;
VAR X5=1;
VAR X6=1;
VAR X7=1;
VAR X8=1;
VAR X9=1;
VAR X10=1;
FUNCTION radio_button(x)
{
VAR z = Number(document.getElementById(x).value)
IF (x=1||2)
{
X1=z
}
ELSE IF (x=3||4)
{
X2=z
}
ELSE IF (x=5||6)
{
X3=z
}
ELSE IF (x=7||8)
{
X4=z
}
ELSE IF (x=9||10)
{
X5=z
}
ELSE IF (x=11||12)
{
X6=z
}
ELSE IF (x=13||14)
{
X7=z
}
ELSE IF (x=15||16)
{
X8=z
}
ELSE IF (x=17|18)
{
X9=z
}
ELSE IF (x=19||20)
{
X10=z
}
}
FUNCTION calc_values()
{
VAR Xmin = Number(document.myform.X_min_input.value);
VAR Xmax = Number(document.myform.X_max_input.value);
VAR Ymin = Number(document.myform.Y_min_input.value);
VAR Ymax = Number(document.myform.Y_max_input.value);
VAR Zmin = Number(document.myform.Z_min_input.value);
VAR Zmax = Number(document.myform.Z_max_input.value);
VAR Umin = Number(document.myform.U_min_input.value);
VAR Umax = Number(document.myform.U_max_input.value);
VAR Vmin = Number(document.myform.V_min_input.value);
VAR Vmax = Number(document.myform.V_max_input.value);
VAR M1= Number(document.myform.modifier_variable_1.value)/100;
VAR M2= Number(document.myform.modifier_variable_2.value)/100;
VAR M3= Number(document.myform.modifier_variable_3.value)/100;
VAR M4= Number(document.myform.modifier_variable_4.value)/100;
VAR M5= Number(document.myform.modifier_variable_5.value)/100;
VAR M6= Number(document.myform.modifier_variable_6.value)/100;
VAR M7= Number(document.myform.modifier_variable_7.value)/100;
VAR M8= Number(document.myform.modifier_variable_8.value)/100;
VAR M9= Number(document.myform.modifier_variable_9.value)/100;
VAR M10= Number(document.myform.modifier_variable_10.value)/100;
myform.X_min_output.value=Number(X1);
myform.X_max_output.value=Number(X2);
myform.Y_min_output.value=Number(X3);
myform.Y_max_output.value=Number(X4);
myform.Z_min_output.value=Number(X5);
myform.Z_max_output.value=Number(X6);
myform.U_min_output.value=Number(X7);
myform.U_max_output.value=Number(X8);
myform.V_min_output.value=Number(X9);
myform.V_max_output.value=Number(X10);
}
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
body {
background-color: #FF7F00;
}
/*]]>*/
</style>
</head>
<body>
<form name="myform" id="myform">
<input type="text" name="X_min_input" /> X (min) <input type="text" size="5" name=
"modifier_variable_1" /> Modifier (%) <label for="1"><input checked="true" type="radio" id=
"1" name="modifier_1" value="1" onclick="radio_button(this.id)" /> Make bigger</label>
<label for="2"><input type="radio" id="2" name="modifier_1" value="0" onclick=
"radio_button(this.id)" /> Make smaller</label> <input type="text" name="X_max_input" /> X
(max) <input type="text" size="5" name="modifier_variable_2" /> Modifier (%) <label for=
"3"><input checked="true" type="radio" id="3" name="modifier_2" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input id="4" type=
"radio" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="Y_min_input" />
Y (min) <input type="text" size="5" name="modifier_variable_3" /> Modifier (%) <label for=
"5"><input checked="true" type="radio" id="5" name="modifier_3" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input type="radio"
id="6" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="Y_max_input" />
Y (max) <input type="text" size="5" name="modifier_variable_4" /> Modifier (%) <label for=
"7"><input checked="true" type="radio" id="7" name="modifier_4" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input type="radio"
id="8" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="Z_min_input" />
Z (min) <input type="text" size="5" name="modifier_variable_5" /> Modifier (%) <label for=
"9"><input checked="true" type="radio" id="9" name="modifier_5" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input type="radio"
id="10" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="Z_max_input" />
Z (max) <input type="text" size="5" name="modifier_variable_6" /> Modifier (%) <label for=
"11"><input checked="true" type="radio" id="11" name="modifier_6" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input type="radio"
id="12" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="U_min_input" />
U (min) <input type="text" size="5" name="modifier_variable_7" /> Modifier (%) <label for=
"13"><input checked="true" type="radio" id="13" name="modifier_7" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input type="radio"
id="14" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="U_max_input" />
U (max) <input type="text" size="5" name="modifier_variable_8" /> Modifier (%) <label for=
"15"><input checked="true" type="radio" id="15" name="modifier_8" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input type="radio"
id="16" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="V_min_input" />
V (min) <input type="text" size="5" name="modifier_variable_9" /> Modifier (%) <label for=
"17"><input checked="true" id="17" type="radio" name="modifier_9" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /><input id="18" type=
"radio" value="0" onclick=
"radio_button(this.id)> Make smaller </label> <input type=" name="V_max_input" />
V (max) <input type="text" size="5" name="modifier_variable_10" /> Modifier (%) <label for=
"19"><input checked="true" type="radio" id="19" name="modifier_10" value="1" onclick=
"radio_button(this.id)> Make bigger </label> <label FOR=" /> <input type="radio"
id="20" name="modifier_10" submit="name="calculate"" value="Calculate new values"
onclick="calc_values()" /> <input readonly="readonly" type="text" name="X_min_output" /> X
(min) NEW <input readonly="readonly" type="text" name="X_max_output" /> X (max) NEW
<input readonly="readonly" type="text" name="Y_min_output" /> Y (min) NEW <input readonly=
"readonly" type="text" name="Y_max_output" /> Y (max) NEW <input readonly="readonly" type=
"text" name="Z_min_output" /> Z (min) NEW <input readonly="readonly" type="text" name=
"Z_max_output" /> Z (max) NEW <input readonly="readonly" type="text" name="U_min_output" /> U
(min) NEW <input readonly="readonly" type="text" name="U_max_output" /> U (max) NEW
<input readonly="readonly" type="text" name="V_min_output" /> V (min) NEW <input readonly=
"readonly" type="text" name="V_max_output" /> V (max)
NEW</label></label></label></label></label></label></label></label></label>
</form>
</body>
</html>
