multiplicação em laço

A coluna especificação e valor são puxadas pelo banco, bem como o saldo.

A única coisa que deve ser digitada é o pedido, que deverá ser multiplicado pela quantidade e no campo Valor a multiplicação.

Especificação

Valor Unit

Saldo

Pedido

Valor

ACHOCOLATADO EM PÓ INSTANTÂNEO

R$ 5,00

6.000 KG

ALMÔNDEGA ASSADA CONGELADA DE BOVINO

R$ 19,68

1.000 KG

Problema é que com o código que tenho o cálculo é feito apenas no primeiro item. Não sei como deixar fixo para todos os itens.

===

<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0">

 <tr>

 

 <td width="58%"> <div align="center"><font color="#666666" size="2" face="Tahoma">Especificação</font></div></td>

 <td width="10%"> <div align="center"><font color="#666666" size="2" face="Tahoma">Valor Unit</font></div></td>

 <td width="10%"> <div align="center"><font color="#666666" size="2" face="Tahoma">Saldo</font></div></td>

 <td width="12%"> <div align="center"><font color="#666666" size="2" face="Tahoma">Pedido</font></div></td>

 <td width="10%"> <div align="center"><font color="#666666" size="2" face="Tahoma">Valor</font></div></td>

 

 </table>

 

 

 

 

 

 <?php

 while($row=mysql_fetch_object($resultado)) {

 $nome = $row->user_nome; ?>

 

 

 

 

<script type="text/javascript">

function id(el) {

 return document.getElementById( el );

}

function total( un, qnt ) {

 return parseFloat(un.replace(',', '.'), 10) * parseFloat(qnt.replace(',', '.'), 10);

}

window.onload = function() {

 id('valor_unitario').addEventListener('keyup', function() {

 var result = total( this.value , id('qnt').value );

 id('total').value = String(result.toFixed(2)).formatMoney();

 });

 

 id('qnt').addEventListener('keyup', function(){

 var result = total( id('valor_unitario').value , this.value );

 id('total').value = String(result.toFixed(2)).formatMoney();

 });

}

 

String.prototype.formatMoney = function() {

 var v = this;

 

 if(v.indexOf('.') === -1) {

 v = v.replace(/([\d]+)/, "$1,00");

 }

 

 v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20");

 v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2");

 v = v.replace(/([\d]+)([\d]{3}),([\d]{2})$/, "$1.$2,$3");

 

 return v;

};

</script>

 

 

 

 

 

 

 

 

 

 <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0">

 <tr>

 <td width="60%"> <div align="center"><font size="2" face="Tahoma"><a href="produtos_ficha.php?codigo=<?php print $row->codigo ?>"><?php print $row->especificacao; ?></a></font></div></td>

 <td width="10%"> <div align="center"><font size="2" face="Tahoma">R$ <?php echo number_format($row->unitario,2,",","."); ?> <input name="valor_unitario" type="hidden" id="valor_unitario" value="<?php echo number_format($row->unitario,2,",","."); ?>" size="50" maxlength="50"> </font></div></td>

 <td width="10%"> <div align="center"><font size="2" face="Tahoma"><?php echo number_format($row->quantidade,0,",","."); ?> <?php print $row->unidade; ?></font></div></td>

 <td width="10%"> <div align="center"><font color="#666666" size="2" face="Tahoma"><input name="qnt" type="text" id="qnt" onkeyup="up(this)" value="" size="8" maxlength="8"></font></div></td>

 <td width="10%"> <div align="center"><font color="#666666" size="2" face="Tahoma"><input name="total" type="text" id="total" onkeyup="up(this)" value="" size="5" maxlength="5" readonly="readonly" disabled="true"></font></div></td>

 </tr>

 </table>

 

 

 <?php }

 endif;?>

Por favor, alguém em ajude.