2 replies to this topic

[Lang]

Hey,

I'm having some issues with Javascript and the getElementById() object.

LINE: 850 -- percentProtein = parseFloat(document.getElementById("percentProteinValue").value) / 100;
LINE: 851 -- percentFat = parseFloat(document.getElementById("percentFatValue").value) / 100;
LINE: 852 -- percentCarbs = parseFloat(document.getElementById("percentCarbsValue").value) / 100;

Internet Explorer 6 and 7 spit out an error on line 851: Object does not support this property or method.
It works in Firefox.

However, the previous line works and they're both referencing the same type of object.

I've also tried going to document.formName.percentProteinValue.value; to no avail.

Any help is appreciated on how I can solve this

Thanks,

Edited by Lang, 29 August 2007 - 04:14 PM.

[rc69]

What i always recommend doing because of IE (although i found my reasoning to be slightly incorrect), is to store stuff like that in a variable first.
i.e.

var percentProteinObj = document.getElementById('percentProteinValue');
percentProtein = parseFloat(percentProteinObj.value) / 100;

[Lang]

Thanks for the reply rc

I tried what you suggested and still had the same problem. I decided to stop being logical and just changed the names of the objects and the variables. Everything works fine now