Menu
I am creating a form for a SugarCRM module. This file, EditView.html, is the only file I want to edit and this file contains the html code that goes inside the <BODY> tags. This file does NOT contain the <BODY> tags or anything that would go above them. The first thing in this file is the <table>…. form code…
EditView.html is the layout for a form and I have a field, 3 checkboxes, and a label.
Here is the code for each of them.
Field:
<td class=”dataField”><slot><input name=’amount’ id=’amount’ tabindex=’5′ size=’6′ maxlength=’10’ type=”text” value='{AMOUNT}’></slot><FONT COLOR=”#666666″ SIZE=”1″>(Per Month)</FONT></td>
Checkboxes have code:
<td class=”dataField”><slot><input name=’dti’ class=”checkbox” type=”checkbox” tabindex=”16″ id=’dti’ onclick=”updateTotal(this, 10.00)” {DTI}><FONT COLOR=”#666666″ SIZE=”1″>($10)</FONT></slot></td>
Label:
<td class=”dataField”><slot><div id=”totalLabel”>0.00</div></slot></td>
The field (amount) is populated with a value (AMOUNT) which comes from a related php file. That php file gets the value from a mySQL DB. The amount value is a dollar amount lets say 10 in this case.
Each of the checkboxes has a dollar amount associated with them. Above the dti checkbox has a value of 10 associated to it.
What I want to happen is when the form loads the label displays the current dollar value, which would be the value of amount plus the dollar values of any of the checkboxes if they are checked. Then after the page is loaded when a user clicks on a checkbox, let say dti, the label updates on the fly and displays the new value.
I have created a javascript that updates the label on the fly when a user checks one of the checkboxes, but the problem is the value is not initialized to the begining value when the page loads. Thus the label always starts with a value of 0. So right now when the page loads the user sees the amount field with a value of 10, they see the dti checkbox checked which they know adds 10 more dollars.. Thus my label should display 20 but it has 0. Then when a user unchecks the dti checkbox the value of the label displays -10.
If I could just figure out how to start the value of the label at the correst startValue when the page loads everything should work.
Here is the java script that I have put at the top of the page above the <table> tag:
<script type=”text/javascript”>
var total = new Number(0.00);
function updateTotal(cb, amount) {
if (cb.checked) {
total += amount;
} else {
total -= amount;
}
var label = document.getElementById(“totalLabel”);
label.innerHTML = total.toFixed(2);
}
</script>
I hope I explained this well. PLEASE Help… I dont know javascript very well. Someone suggested offhand to me to wrap the AMOUNT value in a <span> tag but I dont see how to do that when the value is assigned inside of the <input> tag..