Калькулятор / конструктор форм для Joomla 1.5-3.0 - страница 20 - Расширения от DelaJoom

<script type="text/javascript">
	function calcCost() {
           var obem = document.getElementById("obem").value;
           var tolschina = document.getElementById("tolschina").value;
           var krishka = document.getElementById("krishka").value;
           var koleso = document.getElementById("koleso").value;
           var kolvo = document.getElementById("kolvo").value;
           var itog = (tolschina + krishka + koleso)*kolvo;
}
function look(type){
param=document.getElementById("type");
if(param.style.display == "none") 
{param.style.display = "block";}
else 
{param.style.display = "none"}
}

function izmen(){
chto=document.getElementById("obem").value;
if(chto==1){
document.calcForm.tolschina.options.length=0;
document.calcForm.tolschina.options[0]=new Option("Выбрать", "0", true, false);
document.calcForm.tolschina.options[1]=new Option("1.5 мм.", "2450", false, false);
document.calcForm.tolschina.options[2]=new Option("2 мм.", "2750", false, false);
}
if(chto==2){
document.calcForm.tolschina.options.length=0;
document.calcForm.tolschina.options[0]=new Option("Выбрать", "0", false, false);
document.calcForm.tolschina.options[1]=new Option("1.5 мм.", "2750", true, true);
document.calcForm.tolschina.options[2]=new Option("2 мм.", "2950", false, false);
}
if(chto==3){
document.calcForm.tolschina.options.length=0;
document.calcForm.tolschina.options[0]=new Option("Выбрать", "0", true, false);
document.calcForm.tolschina.options[1]=new Option("1.5 мм.", "2850", false, false);
document.calcForm.tolschina.options[2]=new Option("2 мм.", "3050", false, false);
}
}

</script>
<form name="calcForm">
<table width="100%">
<tr><td align="center">
<img src="../images/calc/18.jpg" width="150" height="187"><br /><br />
<span style="font-weight: bold; font-size: 20px;">Объём</span> <br />
<select name="obem" id="obem" onchange="izmen()" class="calc">
<option value="0">Выбрать</option> 
<option value="1">0.5</option> 
<option value="2">0.63</option> 
<option value="3">0.71</option> 
</select>
</td><td align="center">
<img src="../images/calc/37.jpg" width="150" height="187"><br /><br />
<span style="font-weight: bold; font-size: 20px;">Толщина</span><br />
<select name="tolschina" id="tolschina" class="calc">
<option value="0">Выбрать</option> 
</select>
</td><td align="center">
<img src="../images/calc/57.jpg" width="150" height="187"><br /><br />
<span style="font-weight: bold; font-size: 20px;">Крышка</span> <br />
<select name="krishka" id="krishka" class="calc">
<option value="0">Нет</option> 
<option value="600">0.5 мм.</option> 
<option value="700">0.63 мм.</option> 
<option value="700">0.71 мм.</option>
</select>
</td><td align="center">
<img src="../images/calc/59.jpg" width="150" height="187"><br /><br />
<span style="font-weight: bold; font-size: 20px;">Колёса</span> <br />
<select name="koleso" id="koleso" class="calc">
<option value="0">Нет</option> 
<option value="950">100 мм.</option> 
<option value="1100">125 мм.</option> 
<option value="1900">160 мм.</option> 
</select>
</td><td align="center">
<img src="../images/calc/42.jpg" width="150" height="187"><br /><br />
<span style="font-weight: bold; font-size: 20px;">Количество</span> <br />
<select name="kolvo" id="kolvo" class="calc">
<option value="0">Выбрать</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td></tr>
</table>
<br /><br />
<div id="podschet"><input type="button" class="raschet" onclick="calcCost()" value="Рассчитать" /></div><br /><br />
<div id="result">
Цена: <b>{itog} руб.</b>
</div><!---#result--->
</form>

itog=({tolschina}+{krishka}+{koleso})*{kolvo}

<input type="radio" name="dostavka" class="validate['required']" id="" value="0">Самовывоз + 0 руб.<br> 
<input type="radio" name="dostavka" class="validate['required']" id="" value="300">Почта России + 300 руб.

<script>
f=(function (){
var type = document.getElementById("type").value;
var value = type.split('|');
document.getElementById("dostavka1").value=value[0];
document.getElementById("dostavka2").value =value[1];
document.forms['calcForm'].elements['grdnaz'].fireEvent('change');
});
</script>

<select name="type" id="type" onchange="f()" class="validate['required']">
<option value="" selected>Выбирите тип доставки</option>
<option value="0|Самовывоз">Самовывоз + 0 руб.</option>
<option value="300|Почта России">Почта России + 300 руб.</option>
</select>