Trouble using Javascript getElementById

Question

hello,
unfortunately the great comfort of studio creator2 ends, wenn using javascript. I alway debugged it using firefox, but that doesn't seem to work here:
Document.getElementsById("form1:totalCostTextField").value =
        document.getElementsById("form1:cost1TextField").value+
        document.getElementsById("form1:cost2TextField").value+
        document.getElementsById("form1:cost3TextField").value+
        document.getElementsById("form1:cost4TextField").value+
        document.getElementsById("form1:cost5TextField").value+
        document.getElementsById("form1:cost6TextField").value;as you can see i've got a form of some textfields recieving prices and i have to calculate the total price. A perfect job for javascript i thought. At first i discoverd that i have to integrate the form-Name (form1 here) to the id i specified, as Creator seems to put it in front of the elements id. I also found out, that using readonly turns an inputfield to a span-tag ( why so ever); i turned off readonly therefore ( as the ID will be appended "_readOnly").
Well my problem is, that the onBlur-Event IS called ( proved by a simple alert). But nothing will be calculated. Normally FireFoxes Javascript-Console will show any errors. In this case it doesn't. Where am i wrong here. Are my Identifiers incorrect? Why can't i see any recalculating ?
thank you
wegus

Answer 1

Hmmm..
some errors here.
- The method you have to call is getElementById, without the 's'.
- The first Document must be with a lowercase 'd'
- In JavaScript you have to explicitly convert an input text to number with parseInt() if you want to make some calculation
Therefore, if I understand what you want to do, for example define a javascript function like:
function sumValues(){
     var temp1 = parseInt(document.getElementById("form1:cost1").value);
        if (isNaN(temp1)) return;
        var temp2 = parseInt(document.getElementById("form1:cost2").value);
        if (isNaN(temp2)) return;
        var temp3 = parseInt(document.getElementById("form1:cost3").value);
        if (isNaN(temp3)) return;
        document.getElementById("form1:totalCost").value = temp1+temp2+temp3;
}then add the function call to each text field's onBlur event.
Any time that a field will lost its focus, then the sum will be recalculated.
Ciao,
Fabio