Additionner des zones texte automatiquement

Version imprimable

Slt à tous,
je me retourne vers vous ca le java script nétant pas ma tasse de thé, je pense avoir atteins mes limites.
Voila ce qui m'amène :
un petit bout de code sera plus explicite :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 <script type='text/javascript'> //<![CDATA[ function calcul() { var formu = document.getElementById("formu"); var total=document.getElementById("formu").total.value; formu.total.value=Number(formu.bob1.value)+Number(formu.bob2.value); } //]]> </script> <form id="formu" method="post" action=""> <? $cpt=0; $req = mysql_query("SELECT * from vins ORDER BY id") or die ("erreur req ".mysql_error()); while( $sortie = mysql_fetch_array($req)) { $cpt++; echo' <table width="100%" border="1"> <tr> <td><span class="info">Type :</span><br /> '.$sortie[types].'</td> <td><span class="info">Année :</span><br /> '.$sortie[annee].'</td> <td><span class="info">Prix :</span><br /> <span class="alert">'.$sortie[prix].' €</span></td> <td><span class="info">Quantité :</span><br /> <input type="text" name="bob'.$cpt.'" onkeyup="calcul();" onkeypress=" if(event.keyCode < 48 || event.keyCode > 57) event.returnValue = false; if(event.which < 48 || event.which > 57) return false;" size="5" /></td> </tr> </table>'; } ?> <br />Total :<br /> <input type="text" name="total" /> </form>
en gros mon formulaire se construit automatiquement et par conséquant incrément la valeurs "name" du champ quantité bob1, bob2 ... du nombre de produits dans la base.

Mon problème c'est que je ne sais pas comment faire dans la fonction js pour additionner tous mes champs bob, car je ne sais pas combien de champ bob il y aura dans la base de donnée.

Comment faire ???
Merci de votre aide

Salut,

avec un while dy type :

Code:

1
2
3
4
5
6
7
var i =1;
var total = 0;
while(formu.elements['bob'+i]){
    total += +formu.elements['bob'+i].value;
    i++;
}
formu.total.value=total;

07/06/2009, 16h06
spawns

Merci Bovino c'est ca ,
mais c'est moi qui me suis planté dans ce que je voulez faire.

En réalité cela ne doit pas être le total des quantités que je dois calculer mais le total des prix.

Et la ça devient plus galère, car je ne ois pas comment récupérer le prix dans Js pour le multiplier par la quantité.

je bloque sur le calcul
du prix, voici le code que j'ai utilisé avec ce que tu avez fait mais cela ne fonctionne pas, car cela additionne le prix même quand il n'y a pas de quantité

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<script type='text/javascript'>
//<![CDATA[
function calcul()
{
 var formu = document.getElementById("formu");
var i =1;
var total = 0;
while(formu.elements['bob'+i]){
    total += +formu.elements['bob'+i].value;
    i++;
}
formu.total.value=total;
 
var p =1;
var som = 0;
while(formu.elements['leprix'+p]){
    som += +formu.elements['leprix'+p].value;
    p++;
}
formu.som.value=som;
 
formu.final.value=total*som;
}
//]]>
 </script> 
 
<form id="formu" method="post" action="">
<?
$cpt=0;
$compteur=0;
$req = mysql_query("SELECT * from vins ORDER BY id") or die ("erreur req ".mysql_error());
while( $sortie = mysql_fetch_array($req))
{
$cpt++;
$compteur++;
echo'
<table width="100%" border="1">
  <tr>
    <td rowspan="2"><a href="./photosvin/'.$sortie[photo].'" rel="lightbox"><img src="./photosvin/'.$sortie[photo].'" height="200px" alt="" /></a></td>
    <td colspan="4"><span class="info">Appelation :</span><br />
'.$sortie[appelation].'</td>
  </tr>
  <tr>
    <td><span class="info">Type :</span><br />
	'.$sortie[types].'</td>
    <td><span class="info">Année :</span><br />
	'.$sortie[annee].'</td>
    <td><span class="info">Prix unitaire :</span><br />
	<span class="alert">'.$sortie[prix].' €<br /></span>
	<input type="hidden" name="leprix'.$compteur.'" value="'.$sortie[prix].'" onkeyup="calcul();" onkeypress="
     if(event.keyCode &lt; 48 || event.keyCode &gt; 57) event.returnValue = false;
     if(event.which &lt; 48 || event.which &gt; 57) return false;" size="5" />	
 
	</td>
    <td><span class="info">Quantité :</span><br />
	<input type="text" name="bob'.$cpt.'" onkeyup="calcul();" onkeypress="
     if(event.keyCode &lt; 48 || event.keyCode &gt; 57) event.returnValue = false;
     if(event.which &lt; 48 || event.which &gt; 57) return false;" size="5" /></td>
  </tr>
</table>
<hr width="75%"/>';	
}
?>
<br />Total :<br />
<input type="text" name="total"  />
<input type="text" name="som"  />€
<input type="text" name="final"  />€
</form>

07/06/2009, 17h49
Pikrass

Il y a du PHP dans ce code.
Tu pourrais plutôt nous donner le code renvoyé au navigateur ?