<script language="javascript">
function Display(which) {
co1=document.getElementById("constr1");
co2=document.getElementById("constr2");
co5=document.getElementById("constr5");
if (which=="constr1") co1.style.display="block";
else co1.style.display="none";
if (which=="constr2") co2.style.display="block";
else co2.style.display="none";
if (which=="constr5") co5.style.display="block";
else co5.style.display="none";
}
</script>
<h2>Калькулятор стоимости</h2>
<form name="calc">
<p>Выберите тип здания</p>
<input type="radio" name="type" value="panel" checked>Панельный<br>
<input type="radio" name="type" value="kirpich">Кирпичный
<p>Выберите тип окна</p>
<table border="0" cellpadding="0" cellspacing="0" width="500" height="1" id="maintbl">
<tbody>
<tr valign="middle" height="1">
<td align="center" style="padding:0 5px;">
<img src="/img/1.jpg" border="0" height="105">
<br>
<input type="radio" name="constr_type" value="constr1" checked onClick="Display('constr1');">
</td>
<td align="center" style="padding:0 5px;">
<img src="/img/2.jpg" border="0" height="105">
<br>
<input type="radio" name="constr_type" value="constr2" onClick="Display('constr2');">
</td>
<td align="center" style="padding:0 5px;">
<img src="/img/5.jpg" border="0" height="105">
<br>
<input type="radio" name="constr_type" value="constr5" onClick="Display('constr5');">
</td>
</tr>
</tbody>
</table>
<div id="constr1" style="display:block; margin: 20px 0;">
<img src="/img/solid_w.jpg">
</div>
<div id="constr2" style="display:none; margin: 20px 0;">
<img src="/img/solid_w.jpg">
<img src="/img/solid_w.jpg" style="margin: 0 0 0 -10px;">
</div>
<div id="constr5" style="display:none; margin: 20px 0;">
<img src="/img/solid_w.jpg" style="margin: 0 0 104px 0;">
<img src="/img/turnrew_b.jpg" style="margin: 0 0 0 -10px;">
</div>
<p>Выберите тип профиля</p>
<input type="radio" name="prifile_type" value="profile1" checked>Kraspan<br>
<input type="radio" name="prifile_type" value="profile2">Veka<br>
<input type="radio" name="prifile_type" value="profile3">Veka ProLine<br>
</form>
Получилось вот так. Следующий этап - это забить в коде стоимости. Они разные в зависимости от типа здания (панельный или кирпичный), типа профиля и типа окна.
Я думаю главным критерием сделать тип здания. Мол если панельный, то такая цена ушла в сумму, а если кирпичный то другая.
подскажите с чего начать. Мне кажется надо чего-то передавать в полях type="hidden"?