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

<form name="calcForm">
<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(){
    obem=document.getElementById("obem").value;
        if(obem==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);
}
        else if(obem==2) {
        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 мм.", "2750", false, false);
        document.calcForm.tolschina.options[2] = new Option("2 мм.", "2950", false, false);
}
        else(obem==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>

<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" form="calcForm">
<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}

function look(type){
param=document.getElementById(type);
if(param.style.display == "none") 
param.style.display = "block";
else 
param.style.display = "none"
}

function look(type){
param=document.getElementById("type");
if(param.style.display == "none") 
{param.style.display = "block";}
else 
{param.style.display = "none"}
}