Smart Form - Another way to subtotal fields
1.Insert on the page one more field (input, text). 2.Define an id for it: "total".
3.Define a name for it: "total".
4.Open it's MSDN properties->Styles->display.
5.Open a PHP editor for this style and enter:
Code:
echo "hidden";
6.Insert the static text (<span> element) on the page.
7.Define an id for it: "total_span".
8.Define IDs for your text boxes (e.g. "textbox1", "textbox2", "textbox3").
9.Add this JS-code in "onchange" event of every text box:
Code:
calculate();
10.Open JS ditor and add at the end the following:
Code:
function calculate(){
var value1 = document.getElementById('textbox1').value;
var value2 = document.getElementById('textbox2').value;
var value3 = document.getElementById('textbox3').value;
if (value1 == '') value1 = '0';
if (value2 == '') value2 = '0';
if (value3 == '') value3 = '0';
var total = parseInt(value1) +parseInt(value2) +parseInt(value3);
document.getElementById('total_span').innerHTML=''+total;
document.getElementById('total').value=''+total;
}
After that you will have a capability to insert a value of "total" in your email template through the simple dynamic variable.
Subtotal fields - Smart Form
Let's say our form has 2 input boxes, which have IDs 'field1' and 'field2'.
There is also a Static Text element (ID='total') where the sum should be displayed.
We will need to open JavaScript editor from the top menu. To the end of the code let us add the following:
function outputTotal() {
var sum = 0;
var fields = Array('field2', 'field3','field4','field5','field6','field7','field8','field9','field10','field11','field12','field13','field14','field15','field16','field17','field18','field19');
for (i=0; i<fields.length; i++) {
field = document.getElementById(fields[i]);
if (field) sum += field.value-0;
}
document.getElementById('total').innerHTML = +sum;
}
Then click the first input box. In its properties there is Events tab. In it there is "onblur" event. Please add the following to this even of both input boxes:
Code:
outputTotal()
The form can be found at: http://www.myjennco.com/index.php?option=com_sfg&Itemid=59
Print a form before submitting
Add a button to the form
on click action -> run custom js line
add line below
window.print();return false;
#Smart Form - Another way to subtotal fields