Bonjour,

j'ai besoin d'un sérieux coup de main car j'ai pas mal de lacune en Javascript.
J'ai réalisé un formulaire qui se présente sous la forme d'un tableau.

Le tableau est constitué :
une colonne article,
une colonne quantite,
une colonne PU
et une colonne Prix.

Mon but est de calculer la somme de tous les prix et de présenter cette somme dans un champ total. J'aimerais faire cela en Javascript.

J'ai réalisé un script php qui construit cette page. Le nombre de ligne est déterminé via php. En effet, lorsqu'une ligne est ajoutée, la page est rechargée.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
function addLine(formulaire){
var nbLine=<?=(empty($_GET['lineTab']))?('1'):($_GET['lineTab']);?>;
formulaire.action='vente_article.php?lineTab='+nbLine;
formulaire.submit();
}
<form name='formulaire' method='POST'>
[..]
 
<? for ($i=0;$i<$_GET['lineTab'];$i++){?>
<tr>
<td><input name='supprLine' type='button' value='-'></td>
<td><input name='codeArt[<?=$i?>]' type='text'></td>
<td><input name='qteArt[<?=$i?>]' type='text'></td>
<td><input name='puArt[<?=$i?>]' type='text'></td>
<td><input name='pxArt[<?=$i?>]' type='text'></td>
</tr>
<?
}
?>
<tr><td colspan='3'>total</td>
<td><input name='total' type='text'></td>
[..]
</form>
Selon moi à chaque modification de valeur de l'un des champs prix, il faut recalculer la somme de tous les prix.
Je pensais utiliser un tableau vu que les noms des contrôles texte pxArt sont indexés. Mais ça n'est pas du tout évident.
Sans compter que lorsque l'utilisateur souhaite supprimer une ligne, il a la possibilité de cliquer sur le bouton '-', et là du coup, il faut tout recalculer.
C pourquoi par le grand nombre de calculs à faire, je souhaite faire ça en Javascript plutôt que de recharger à chaque fois la page pour le faire en php.
Si quelqu'un pouvait m'aider, ça serait bien cool, parce que là je commence un peu à galérer.

Merci d'avance.
++