Вчера на форуме разбирался с JS калькулятором (Всем спасибо, на данный момент всё удачно функционирует), сейчас стоит новая задача.
Есть расширение(создание форм) для Joomla - RsForm Pro. В созданую им форму необходимо вставить калькулятор. Разработчики приводят пример элементарного калькулятора коотрый работает. Однако все мои попытки поставить свой - остаются неудачными. вот их код JS
<script type="text/javascript">
function calculateRadio()
{
var op1=document.getElementsByName('form[radio1]');
var op2=document.getElementsByName('form[radio2]');
var result=document.getElementById('Total2');
result.value=0;
result.value=parseInt(result.value);
for(i=0;i<op1.length;i++)
if(op1[i].checked) result.value=parseInt(result.value)+parseInt(op1[i].value);
for(i=0;i<op2.length;i++)
if(op2[i].checked) result.value=parseInt(result.value)+parseInt(op2[i].value);
}
function calculateText()
{
var op1=document.getElementById('field1');
var op2=document.getElementById('field2');
var result=document.getElementById('Total');
if(op1.value=="" || op1.value!=parseFloat(op1.value)) op1.value=0;
if(op2.value=="" || op2.value!=parseFloat(op2.value)) op2.value=0;
result.value=0;
result.value=parseInt(result.value);
result.value=parseInt(result.value)+parseInt(op1.value)+parseInt(op2.value);
}
function calculateList()
{
var op1=document.getElementById('selectlist');
var result=document.getElementById('Total3');
result.value=0;
result.value=parseInt(result.value);
for(i=0;i<op1.length;i++)
if(op1.options[i].selected) result.value=parseInt(result.value)+parseInt(op1[i].value);
}
</script>
и HTML Layout
<div class="componentheading">{global:formtitle}</div>
{error}
<table border="0" style="text-align:center;">
<tr>
<td><strong>TextBox Calculations</strong></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><strong>Radio Calculations</strong></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><strong>Select List Calculations</strong></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
</tr>
<tr>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
</tr>
<tr>
<td>{field1:caption}</td>
<td>{field1:body}<div class="formClr"></div>{field1:validation}</td>
<td>{field1:description}</td>
<td><br /></td>
<td>{radio1:caption}</td>
<td>{radio1:body}<div class="formClr"></div>{radio1:validation}</td>
<td>{radio1:description}</td>
<td><br /></td>
<td>{selectlist:caption}</td>
<td>{selectlist:body}<div class="formClr"></div>{selectlist:validation}</td>
<td>{selectlist:description}</td>
<td><br /></td>
</tr>
<tr>
<td>{field2:caption}</td>
<td>{field2:body}<div class="formClr"></div>{field2:validation}</td>
<td>{field2:description}</td>
<td><br /></td>
<td>{radio2:caption}</td>
<td>{radio2:body}<div class="formClr"></div>{radio2:validation}</td>
<td>{radio2:description}</td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
</tr>
<tr>
<td>{Calculate:caption}</td>
<td>{Calculate:body}<div class="formClr"></div>{Calculate:validation}</td>
<td>{Calculate:description}</td>
<td><br /></td>
<td>{Radio Calculate:caption}</td>
<td>{Radio Calculate:body}<div class="formClr"></div>{Radio Calculate:validation}</td>
<td>{Radio Calculate:description}</td>
<td><br /></td>
<td>{Select Calculate:caption}</td>
<td>{Select Calculate:body}<div class="formClr"></div>{Select Calculate:validation}</td>
<td>{Select Calculate:description}</td>
<td><br /></td>
</tr>
<tr>
<td>{Total:caption}</td>
<td>{Total:body}<div class="formClr"></div>{Total:validation}</td>
<td>{Total:description}</td>
<td><br/></td>
<td>{Total2:caption}</td>
<td>{Total2:body}<div class="formClr"></div>{Total2:validation}</td>
<td>{Total2:description}</td>
<td><br/></td>
<td>{Total3:caption}</td>
<td>{Total3:body}<div class="formClr"></div>{Total3:validation}</td>
<td>{Total3:description}</td>
<td><br/></td>
</tr>
<tr>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td>{Submit:caption}</td>
<td>{Submit:body}<div class="formClr"></div>{Submit:validation}</td>
<td>{Submit:description}</td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
</tr>
</table>
P.S. мой код в следующем сообщение (т.к. не вмещается в одно сообщение)