Affichage javascript total ligne tableau dynamique
bonjour.
dans un tableau dynamique (en php, mysql)j'ai des lignes comportant des chiffres contenu dans un champ text d'un formulaire.
je souhaiterais faire afficher en fin de ligne la somme de tous ces chiffres, sans actualisation de la page.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <SCRIPT Language="JavaScript">
var nombre = 0 ;
var Total = 0 ;
for(i=0;i<18;i++) // j'ai mis 18 puisque le nbre maxi qui peut s'afficher est 17
{
var quantite+i = 0;
}
function majligne()
{
for(i=1;i<18;i++)
{
if (document.getElementById('quantite'+i).value == null)
{ quantite+i=O ; } else { quantite+i=document.Form.quantite+i.value; }
}
//quantite2=document.Form.quantite2.value;
Total = quantite1*1 + quantite2*1 + quantite3*1 + quantite4*1 + quantite5*1 + quantite6*1 + quantite7*1 + quantite8*1 + quantite9*1 + quantite10*1 + quantite11*1 + quantite12*1 + quantite13*1 + quantite14*1 + quantite15*1 + quantite16*1 + quantite17*1;
document.Form.rsultat.value=Total;
}
</SCRIPT> |
et dans mon <form>:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| echo '
<form name="Form" action="cat2.php" onkeypress = "javascript:process_keypress(event)";/>
<tr>
<th class="liste">
<input type="text" value="nom" />
</th>';
$requete_SQL;
$qte_num=1;
while($form=mysql_fetch_array($requete_SQL))
{
echo '
<td><input type="text" value="0" id="quantite'.$qte_num.'" NAME="quantite'.$qte_num.'" onChange="majligne();" /></td>';
$qte_num++;
}
echo '
<td></td>
<td>
<input type="text" name="rsultat" id="rsultat" />
<input type="button" name="submit" value="ok" />
</form>
</td>
</tr>'; |
j'ai du faire quelques erreurs, mais je pense que le raisonnerment doit etre bon??
soyez indulgents je debute en javascript...
merci
