[RESOLVED] onblur on an input box

Hi I have a table where a user can add more rows to it. Added in each row is an input box called totalcost which is created using the following code. However

[CODE]// right cell
var cellRight3 = row.insertCell(3);
cellRight3.className = ‘results’;
var el3 = document.createElement(‘input’);
el3.type = ‘text’;
el3.name = ‘totalcost[]’;
el3.id = ‘totalcost[]’;
el3.size = 6;
el3.className = ‘inputbox2’;

cellRight3.appendChild(el3);
[COLOR=”Red”]el3.onblur = updateTotal();[/COLOR]

function updateTotal(){

var s = “totalcost[]”;
alert(s);

var newTotal=0;
var allEls=document.getElementsByTagName(“*”);
for(var i=0;i<allEls.length;i++)
{
if(allEls[i].getAttribute(“name”)!=s)continue;
if(isNaN(allEls[i].value))continue;
newTotal+=new Number(allEls[i].value);
}

document.getElementById(‘subtotalCell’).value=newTotal;

var totalvat =(newTotal / 100) * 17.5;
totalvat = eval(totalvat);

var total = totalvat + newTotal;

document.getElementById(‘vat’).value= “£” +totalvat;
document.getElementById(‘total’).value=”£” +total;

}

[/CODE]

Now as you can see my intention is once the inputbox totalcost has been updated I want it to run the updateTotal function. However this is not happening instead it is being run as the inputbox is being created. Ive inserted an alert message to prove this. Has anyone got any ideas?

Also in #JavaScript _↴