asked on

Error: null or not an object

I have:

<script language="javascript">
var amtFldPrefix = 'InAmount';
var dateFldPrefix = 'InDate';
var instFldPrefix = 'INST';
var deleteFldPrefix = 'Delete';
var numPayments = <cfoutput>#ThenumPayments#</cfoutput>;
var initFldCnt = numPayments+1;
var cnt = numPayments+1;
var startSuffix = <cfoutput>#MyInstallmentsTopID.TheTopID#</cfoutput>;
var endSuffix = startSuffix + numPayments;
var fixedGACnt = 0;

var nextDate = new Date ('04/15/2006');

var bTotalCalc = false;
var totalAmount = null;
var epamt = null;

function getParent (src, tagName) {
while (src.parentNode != null) {
if (src.parentNode.tagName == tagName) {
return src.parentNode;
}
src = src.parentNode;
}
return src;
}

function getChildByName (obj, name) {
if (!obj) { return; }
for (var ix=0; ix < obj.childNodes.length; ix++) {
var cObj = obj.childNodes[ix];
if (!cObj.tagName) { continue; }
if (cObj.childNodes.length) {
cObj = getChildByName(cObj, name);
if (cObj && cObj.name.match(name)) { return cObj; }
}

if (!cObj || !cObj.name) { continue; }
if (cObj.name.match(name)) {
return cObj;
}
}
}

function DeleteNewField () {
if (cnt == initFldCnt) {
alert ('No newly added field found'); return false;
}
var tId = 'newRow'+ (cnt-1);
var field = document.getElementById(tId);
if (!field) { return false ; }
var parNode = getParent(field, 'TBODY');
if (!parNode) {
parNode = getParent(field, 'TABLE');
}
if (parNode) {
parNode.removeChild(field);
cnt--;
}

updateNumPayments(parseInt(cnt)-1);
updateNextDate(-1);
return false;
}

function AddNewField(){
var field = document.getElementById('refRow');
var newField = field.cloneNode(true);
newField.id = 'newRow'+cnt;
var refField = document.getElementById ('beforeRow');
       // Date Field
var cObj = getChildByName (newField, dateFldPrefix+startSuffix);
if (cObj) { cObj.name = dateFldPrefix+endSuffix; }
updateNextDate(1);
cObj.value = getPrintDate();
       // Amount Field
cObj = getChildByName (newField, amtFldPrefix+startSuffix);
if (cObj) { cObj.name = amtFldPrefix+endSuffix; }
updateNumPayments(cnt);
       // INST Field
       cObj = getChildByName (newField, instFldPrefix+startSuffix);
if (cObj) { cObj.name = instFldPrefix+endSuffix; }
       // Delete Field
       cObj = getChildByName (newField, deleteFldPrefix+startSuffix);
if (cObj) { cObj.name = deleteFldPrefix+endSuffix; }
cnt++;

refField.parentNode.insertBefore(newField,refField);
return false;
}

function updateNumPayments (num) {
numPayments = parseInt(num);
       endSuffix = startSuffix + numPayments;
DistGA (document.EditMode.TA, document.EditMode);
}
function updateNextDate (dir) {
nextDate.setMonth(nextDate.getMonth()+dir);
}

function getPrintDate () {
var str = (nextDate.getMonth()+1) + '/';
str += nextDate.getDate() + '/';
str += nextDate.getFullYear();
return str;
}

function CalcEqualPayment(value, fixedGAAmt) {
var value = value.toString().replace(/\$|\,/g,'');
totalAmount = parseFloat (value);
       var varGAAmt = parseFloat (value) - parseFloat (fixedGAAmt);
epamt = parseFloat (varGAAmt)/(parseInt(numPayments)-parseInt(fixedGACnt));
}

function DistGA (totalFld, theForm) {

var inpValue = totalFld.value;
       var fixedGAAmt =GetDisabledGA(theForm);
       if (fixedGACnt == 0) { fixedGAAmt = 0.0; }
CalcEqualPayment (inpValue, fixedGAAmt);
var totalGAObj = document.getElementById ('totalGA');
if (totalGAObj) {
totalGAObj.innerHTML = 'Total Amount: ' + formatCurrency(totalAmount);
}
for (ix=startSuffix; ix <= endSuffix; ix++) {
var fld = eval ('document.'+theForm.name + '.'+deleteFldPrefix+ix);
              if (!fld) { continue; }
              if (fld.checked) { continue; }
var fld = eval ('document.'+theForm.name + '.'+amtFldPrefix+ix);
fld = getChildByName (theForm, amtFldPrefix+ix);
if (fld) {
fld.value = formatCurrency(epamt);
}
}
bTotalCalc = true;
//totalFld.value = formatCurrency (totalAmount);
       totalFld.value = formatCurrency (inpValue);

var fld = eval ('document.'+theForm.name + '.'+amtFldPrefix +endSuffix);
// Round Up
DoRoundUp (epamt, fld);

}

function AddGA(theForm) {
elems = theForm.elements;
var totalGA = 0.0;
var fCnt=0;
for (var ix=0; ix < elems.length; ix++) {
var elem = elems[ix];
if (!elem.name) { continue; }
if (!elem.name.match(amtFldPrefix)) { continue; }
              var fldIdx = elem.name.substring (8);
              var fldChecked = IsDeleteChecked (theForm, fldIdx);

value = elem.value.toString().replace(/\$|\,/g,'');
var diff = ( parseFloat (value) - parseFloat (epamt));

if (Math.abs(diff) > 1. || fldChecked) {
elem.value = formatCurrency(value);
totalGA += parseFloat(value);

fCnt++;
}
}
var balance = parseFloat (totalAmount) - parseFloat(totalGA);

var amt = parseFloat (balance) / parseFloat (numPayments-fCnt);
if (amt < 0) {
alert ( 'Total Contribution amount ' + totalGA +
'\nis greater than Total Gift Amount ' + totalAmount);
amt = 0.0;
}
var lastFld = null;
for (var ix=0; ix < elems.length; ix++) {
var elem = elems[ix];
if (!elem.name) { continue; }
if (!elem.name.match(amtFldPrefix)) { continue; }
              var fldIdx = elem.name.substring (8);
              var fldChecked = IsDeleteChecked (theForm, fldIdx);
value = elem.value.replace(/[$|,]/,'');
var diff = ( parseFloat (value) - parseFloat (epamt));
if (Math.abs(diff) > 1. || fldChecked) {
;
}
else {
elem.value = formatCurrency(amt);
lastFld = elem;
}
}
// Round Up
DoRoundUp (amt, lastFld);
epamt = amt;
}

function DoRoundUp (amt, lastFld)
{
if (!lastFld) { return; }
var roundUp = amt;
var calcAmount = UpdateGA(lastFld.form);
roundUp = parseFloat (amt) + parseFloat (totalAmount) - parseFloat (calcAmount);
lastFld.value = formatCurrency(roundUp);

}

function UpdateGA(theForm) {
var totalGA = 0.0;
for (var ix=startSuffix; ix <= endSuffix; ix++) {
var fld = getChildByName (theForm, amtFldPrefix+ix);
var value = 0.0;
if (fld) {
value = fld.value.toString().replace(/\$|\,/g,'');
}
totalGA += parseFloat(value);
}
return totalGA;
}

function GetDisabledGA(theForm) {
var totalFixedGA = 0.0;
       fixGACnt = 0;
for (var ix=startSuffix; ix <= endSuffix; ix++) {
var value = 0.0;
var fld = getChildByName (theForm, deleteFldPrefix+ix);
              if (!fld) { continue; }
              if (fld.checked) { fixGACnt++; continue; }
var fld = getChildByName (theForm, amtFldPrefix+ix);
if (fld) {
value = fld.value.toString().replace(/\$|\,/g,'');
}
totalFixedGA += parseFloat(value);
}
return totalFixedGA;
}

function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num)) num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10) cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) {
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
}

// Comment next line you do not want 2 decimal places.
return (((sign)?'':'-') + '$' + num + '.' + cents);

// UnComment next line you do not want 2 decimal places.
//return (((sign)?'':'-') + '$' + num);
}

function ValidateRealNumber(fld) {
if(fld.value.match(/[^0-9.]/)) {
fld.value=fld.value.replace(/[^0-9.]/g,'');
}
}

function DisableFields (theFld) {
      var trObj = getParent (theFld, 'TR');

      var fldIdx = theFld.name.substring (6);
      var disValue = theFld.checked ? 'disabled': '';
      cObj = getChildByName(trObj, amtFldPrefix+fldIdx);
      if (cObj) { cObj.setAttribute ("disabled", disValue); }
      cObj = getChildByName(trObj, dateFldPrefix+fldIdx);
      if (cObj) { cObj.setAttribute ("disabled", disValue); }
}

function IsDeleteChecked(theForm, fldIdx) {
      var fld = eval ('document.'+theForm.name + '.' + deleteFldPrefix+fldIdx);
      if (fld) {
            if (fld.checked) {
            //alert ('Fld ' + fld.name + ' checked' );
            }
            return (fld.checked);
      }
      return false;
}
</script>

<cfform name="EditMode">

bla...

but,
I am getting:

Line 2830
Error: ‘document.EditMode.TA’ is null or not an object

function updateNumPayments (num) {
numPayments = parseInt(num);
endSuffix = startSuffix + numPayments; =====> Line 2830
DistGA (document.EditMode.TA, document.EditMode);
}

How do you fix this?

jessegivy

What is "TA"? In your code it's referenced as an element on the page. The error you're getting implies that there is no element named "TA" in the form. Is this perchance an id attribute value. You could try using document.getElementById("TA") and see if that works. Just make sure the element with the name attribute set to TA exists on the form every time this method is executed, should look something like this:

<input type="text" name="TA" id="TA" value="">

...post your tag please.

Pravin Asar

In your code have a few alerts

var numPayments = <cfoutput>#ThenumPayments#</cfoutput>;
var initFldCnt = numPayments+1;
var cnt = numPayments+1;
var startSuffix = <cfoutput>#MyInstallmentsTopID.TheTopID#</cfoutput>;
var endSuffix = startSuffix + numPayments;
var fixedGACnt = 0;

alert (' Number of Payment' + numPayments);
alert ('Start Suffix' + startSuffix);
alert ('End Suffix' + endSuffix);

Also to confirm appropriate field is being passed, add alert to a first statement of DistGA

function DistGA (totalFld, theForm) {
if (!totalFld) { alert ('Field is not defined'); }

var inpValue = totalFld.value;

Pravin Asar

Also please check, the script is all loaded before body tag
<html>
<head>
<title>Calc</title>
<script language="javascript">


<script
</head>

<body onLoad="DistGA(document.EditMode.TA, document.EditMode);">
<form name="EditMode">
<input type="text" name="TA" value="5000" onBlur="DistGA(this, this.form);">
...
...
</form>

Look at the sample at

http://www.asarconsultants.com/test/calcnew.htm

-PA