Récupérer le contenu d'un champs pour un calcul ?

**dark_vidor** · 28/01/2006, 10h06

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
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<html>
<head>
<title>function update()</title>
<style>
.txt{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	color: #993300;
}
.txt-bold{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	color: #993300;
	font-weight: bold;
}
.form{
	border: 1px solid #993300;
}
</style>
<script language="JavaScript">
function update()
{
	var total = getElementsByName('q_e01')*2500+getElementsByName('q_e02')*30+getElementsByName('q_e03')*25+getElementsByName('q_p01')*250+getElementsByName('q_p02')*500;
	document.getElementById("total").innerHTML = total;
}
</script>
</head>
<body>
<table width=75% border=0 cellpadding=0 align=center style="border: 1px solid #51260B;" class=txt bgcolor=#FFFFFF>
  <form action="achats.php?value=ok" method=post>
    <tr bgcolor=#ECD6AF class=txt-bold> 
      <td width=15% height=20 align=center>Quantit&eacute;</td>
      <td width=45% align=center>D&eacute;signation</td>
      <td width=20% align=center>Prix Unitaire</td>
      <td width=20% align=center>Total</td>
    </tr>
    <tr> 
      <td align=center valign=middle><input name=q_e01 value=0 type=text size=3 class="form"></td>
      <td valign=middle>&nbsp;&nbsp;P&ocirc;le plan&egrave;taire</td>
      <td align=right valign=middle>2500&nbsp;Cr&nbsp;&nbsp;</td>
      <td align=right valign=middle>&nbsp;Cr&nbsp;&nbsp;</td>
    </tr>
    <tr bgcolor=#ECD6AF> 
      <td align=center valign=middle><input name=q_e02 value=0 type=text size=3 class="form"></td>
      <td valign=middle>&nbsp;&nbsp;Usines</td>
      <td align=right valign=middle>30&nbsp;Cr&nbsp;&nbsp;</td>
      <td align=right valign=middle>&nbsp;Cr&nbsp;&nbsp;</td>
    </tr>
    <tr> 
      <td align=center valign=middle><input name=q_e03 value=0 type=text size=3 class="form"></td>
      <td valign=middle>&nbsp;&nbsp;Centre d'&eacute;changes Commerciaux</td>
      <td align=right valign=middle>25&nbsp;Cr&nbsp;&nbsp;</td>
      <td align=right valign=middle>&nbsp;Cr&nbsp;&nbsp;</td>
    </tr>
    <tr bgcolor=#ECD6AF> 
      <td align=center valign=middle><input name=q_p01 value=0 type=text size=3 class="form"></td>
      <td valign=middle>&nbsp;&nbsp;Centre de production</td>
      <td align=right valign=middle>250&nbsp;Cr&nbsp;&nbsp;</td>
      <td align=right valign=middle>&nbsp;Cr&nbsp;&nbsp;</td>
    </tr>
    <tr> 
      <td align=center valign=middle><input name=q_p02 value=0 type=text size=3 class="form"></td>
      <td valign=middle>&nbsp;&nbsp;Chantier Naval</td>
      <td align=right valign=middle>500&nbsp;Cr&nbsp;&nbsp;</td>
      <td align=right valign=middle>&nbsp;Cr&nbsp;&nbsp;</td>
    </tr>
    <tr class=txt-bold> 
      <td>&nbsp;</td>
      <td align=right valign=middle>&nbsp;</td>
      <td align=right valign=middle>Total :&nbsp;&nbsp;</td>
      <td align=right valign=middle><div id="total"></div>
        &nbsp;Cr&nbsp;&nbsp;</td>
    </tr>
    <tr height=20> 
      <td colspan=4 align=center><a href="javascript:update()">Calculer</a></td>
    </tr>
  </form>
</table>
</body>
</html>

Je souhaite récupérez les valeurs de mes champs pour mettre à jour le total (c'est un formulaire d'achats fictifs)
Le problème c'est que la comme ça ça fonctionne pas (ça aurait été trop beau)

Je voulais savoir si ce que je voulais faire était possible

De plus peut on faire en sorte que quand un formulaire prend une autre valeur que '0' ça mette a jour sans avoir à cliquer

J'en demande peut être beaucoup la

Merci de m'aider

**siddh** · 28/01/2006, 10h22

salut,
alors il faut mettre un id= a tous les champs avec la meme chose que dans le name=,
ensuite, replacer les getElementsByName par getElementById, récupérer le .value et mettre des parseInt sinon il va concaténer... pfiou ca fais du boulot

Peut être vaut il mieux passer par des variables intermediaires

un ti exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
var pole = parseInt(document.getElementById('q_e01').value,10)*2500;
var usine = parseInt(document.getElementById('q_e02'),10)*30;
// etc ...
var somme = pole + usine .....

ensuite pour mettre a jour tout seul, rajoute des onkeyup="update()" dans tes champs