calcul automatique

Version imprimable

calcul automatique

Bonjour,

J'ai besoin d'effectuer un calcul de tarifs dans mon formulaire (Chronoforms), avant de le soumettre.
J'ai tenté 2 manières, bouton "calculer" et "onchange" sur les input... rien de se passe.
J'ai 2 possibilités, soit je traite avec un individu, soit avec une entreprise (qui peut payer pour plusieurs individus).

Voici le script :

Code:

1
2
3
4
5
6
7
8
function calculer(nb)
{
m=document.getElementById("totalInsc").value;
t=document.getElementById("tarif").value;
a=document.getElementById("ajtMontant").value;
d=document.getElementById("dedMontant").value);
m=(t+a-d)*nb;
}

et le formulaire :

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
<table>
<tr>
<td><label class="cf_label" style="width: 100px;">Tarif de base</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="tarif" name="tarif" type="text" value="<?php echo $row["tarif"]; ?>" /></td>
<td></td>
</tr>
<tr>
<td><label class="cf_label" style="width: 100px;">Compl&eacute;ments (+)</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="ajtMontant" name="ajtMontant" type="text" value="0"/></td>
<td><input class="cf_inputbox" maxlength="150" size="20" title="" name="libAjtMontant" type="text" /></td>
</tr>
<tr>
<td><label class="cf_label" style="width: 100px;">D&eacute;ductions (-)</label></td>
<td> <input class="cf_inputbox" maxlength="150" size="10" title="" id="dedMontant" name="dedMontant" type="text" value="0" /></td>
<td><input class="cf_inputbox" maxlength="150" size="20" title="" name="libDedMontant" type="text" /></td>
</tr>
<?php if(!isset($_POST["idClient"])) {
?>
<!-- ceci s'affiche s'il s'agit d'un individuel -->
<tr>
<td><label class="cf_label" style="width: 100px;">Total</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="totalInsc" name="totalInsc" type="text"  value="<?php echo $row["tarif"]; ?>"/></td>
<td><input value="Calculer" name="calculer" type="button" onclick="calculer(1)" /></td>
</tr>
<?php } else { ?>
<!-- ceci s'affiche s'il s'agit d'un client, susceptible de financer plusieurs individus -->
<tr>
<td><label class="cf_label" style="width: 100px;">Total</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="totalInsc" name="totalInsc" type="text" value="<?php $tarif=$row["tarif"]*$nb; echo number_format($tarif, 2, '.', ' '); ?>"/></td>
<td><input value="Calculer" name="calculer" type="button" onclick="<?php echo 'calculer('.$nb.')';?>" /></td>
</tr>
<?php } ?>
</table>

08/10/2010, 16h02
LadyArwen

En désespoir de cause j'essaye de faire mon calcul sur l'événement onclick...

Code:

onclick="this.value=(tarif.value+ajtMontant.value-dedMontant.value)*2;"

Mais ça concatène : 100+20-10 me donne 20020 et encore si je rajoute les décimales ça foire avec un beau NaN !
Je détèèèèèèste Javascript !
:cry:
08/10/2010, 16h09
le_chomeur
tu récupères des strings il faut donc les parser :
Code:

1 2 3 4 var a = "10"; var b = "25"; alert(a+b); alert(parseInt(a)+parseInt(b));
voila ;)
09/10/2010, 14h10
dragonno

Effectivement comme le dit notre modo il faut utiliser le parseInt(chaine)

Mais je poste plutôt pour ça :

Citation:

Je détèèèèèèste Javascript !

Non ne dit pas ça ;) Javascript c'est beau ;)

Et pour ça :

Prend l'habitude de donner des noms de variables plus longs qu'un simple m, a, t, etc...
Ton code sera plus compréhensible quand tu le reliras plus tard ou s'il sera maintenu par une autre personne un jour.
Cela ne gênera pas tes formules^^
11/10/2010, 09h17
LadyArwen

Citation:

Envoyé par dragonno

Non ne dit pas ça ;) Javascript c'est beau ;)

Oui sans doute, mais il me donner beaucoup plus de fil à retordre que les langages auxquels je suis habituée !! Pas de messages d'erreur tout ça...
;)

Bon j'va tester et je reviens rendre compte !

Ca concaténait toujours, j'ai du jongler avec les parenthèses...et passer par un hidden field pour récupérer mon nombre de participants :

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
   <?php } 
/* ETAPE 3 et 4 : Calculer le total */
?>
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 200px;">&nbsp;</label>
<table>
<tr>
<td><label class="cf_label" style="width: 100px;">Tarif de base</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="tarif" name="tarif" type="text" value="<?php echo number_format($row["tarif"],0); ?>" /></td>
<td></td>
</tr>
<tr>
<td><label class="cf_label" style="width: 100px;">Compl&eacute;ments (+)</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="ajtMontant" name="ajtMontant" type="text" value="0" onchange="totalInsc.value=(parseInt(tarif.value)+parseInt(ajtMontant.value)-parseInt(dedMontant.value));"/></td>
<td><input class="cf_inputbox" maxlength="150" size="20" title="" name="libAjtMontant" type="text" value="par auditeur" onClick="this.value='';"/></td>
</tr>
<tr>
<td><label class="cf_label" style="width: 100px;">D&eacute;ductions (-)</label></td>
<td> <input class="cf_inputbox" maxlength="150" size="10" title="" id="dedMontant" name="dedMontant" type="text" value="0" onchange="totalInsc.value=(parseInt(tarif.value)+parseInt(ajtMontant.value)-parseInt(dedMontant.value));" /></td>
<td><input class="cf_inputbox" maxlength="150" size="20" title="" name="libDedMontant" type="text" value="par auditeur" onClick="this.value='';"/></td>
</tr>
<?php if(!isset($_POST["idClient"])) {
?>
<tr>
<td><label class="cf_label" style="width: 100px;">Total</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="totalInsc" name="totalInsc" type="text"  value="<?php echo number_format($row["tarif"],0); ?>"/></td>
<td><input value="Calculer" name="calculer" type="button" onclick="totalInsc.value=(parseInt(tarif.value)+parseInt(ajtMontant.value)-parseInt(dedMontant.value));" /></td>
</tr>
<?php } else { ?>
<tr>
<td><label class="cf_label" style="width: 100px;">Total</label></td>
<td><input class="cf_inputbox" maxlength="150" size="10" title="" id="totalInsc" name="totalInsc" type="text" onclick="totalInsc.value=((parseInt(tarif.value)+parseInt(ajtMontant.value))-parseInt(dedMontant.value))*parseInt(nb.value);"/></td>
<td><input type="hidden" name="nb" value="<?php echo $nb;?>"/>
<input value="Calculer" name="calculer" type="button" onClick="totalInsc.value=((parseInt(tarif.value)+parseInt(ajtMontant.value))-parseInt(dedMontant.value))*parseInt(nb.value);" /></td>
</tr>
<?php } ?>
</table>
 
    </div>

pfiouh ! que de boulot pour un simple calcul... mdr
:ccool:
Merci pour le tuyau ;)
Je vais tenter de rajouter les décimales, j'ai cru comprendre que c'était parseFloat() qu'il fallait utiliser.

Bon je suis passée à parseFloat, en veillant bien à avoir des . dans mes décimales et non des , (grrr)
Mais le résultat est un entier malgré tout.
Je cherche donc un équivalent de number_format en PHP (Math.round ne fonctionne pas)...

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
<table>
<tr>
<td><label class="cf_label" style="width: 100px;">Tarif de base</label></td>
<td><input  class="argent" maxlength="150" size="10" title="" id="tarif" name="tarif" type="text" value="<?php echo number_format($row["tarif"],2,'.',' '); ?>" /></td>
<td></td>
</tr>
<tr>
<td><label class="cf_label" style="width: 100px;">Compl&eacute;ments (+)</label></td>
<td><input  class="argent" maxlength="150" size="10" title="" id="ajtMontant" name="ajtMontant" type="text" value="0.00" onchange="totalInsc.value=(parseFloat(tarif.value)+parseFloat(ajtMontant.value)-parseFloat(dedMontant.value));"/></td>
<td><input class="cf_inputbox" maxlength="150" size="20" title="" name="libAjtMontant" type="text" value="par auditeur" onClick="this.value='';"/></td>
</tr>
<tr>
<td><label class="cf_label" style="width: 100px;">D&eacute;ductions (-)</label></td>
<td> <input  class="argent" maxlength="150" size="10" title="" id="dedMontant" name="dedMontant" type="text" value="0.00" onchange="totalInsc.value=(parseFloat(tarif.value)+parseFloat(ajtMontant.value)-parseFloat(dedMontant.value));" /></td>
<td><input class="cf_inputbox" maxlength="150" size="20" title="" name="libDedMontant" type="text" value="par auditeur" onClick="this.value='';"/></td>
</tr>
<?php if(!isset($_POST["idClient"])) {
?>
<tr>
<td><label class="cf_label" style="width: 100px;">Total</label></td>
<td>
<input  class="argent" class="cf_inputbox" maxlength="150" size="10" title="" id="totalInsc" name="totalInsc" type="text"  value="<?php echo number_format($row["tarif"],2,'.',' '); ?>"/>
</td>
<td><input value="Calculer" name="calculer" type="button" onclick="totalInsc.value=(parseFloat(tarif.value)+parseFloat(ajtMontant.value)-parseFloat(dedMontant.value));" /></td>
</tr>
<?php } else { ?>
<tr>
<td><label class="cf_label" style="width: 100px;">Total</label></td>
<td>
<input  class="argent" class="cf_inputbox" maxlength="150" size="10" title="" id="totalInsc" name="totalInsc" type="text" onclick="totalInsc.value=((parseFloat(tarif.value)+parseFloat(ajtMontant.value))-parseFloat(dedMontant.value))*parseInt(nb.value);"/>
</td>
<td><input type="hidden" name="nb" value="<?php echo $nb;?>"/>
<input value="Calculer" name="calculer" type="button" onClick="totalInsc.value=((parseFloat(tarif.value)+parseFloat(ajtMontant.value))-parseFloat(dedMontant.value))*parseInt(nb.value);" /></td>
</tr>
<?php } ?>
</table>

17/10/2010, 03h13
dragonno
Citation:

Bon je suis passée à parseFloat, en veillant bien à avoir des . dans mes décimales et non des , (grrr)
Mais le résultat est un entier malgré tout.

Tu fais des calculs sur des réels et tu obtiens entiers ?
Bizarre.

Je ne comprend pas si tu veux obtenir un entier en sortie ou un réel avec N décimales.
(un N voulu).

Pour le N décimales c'est :
Code:

1 2 3 N=5.245685 arrondi=Math.round(N*100)/100; /* utilise 100 pour 2 décimale ou 1000 pour 3 décimales etc... */ alert(arrondi);
Sinon pour éviter la concaténation tu peux mettre les opérations entre parenthèses.
Code:

1 2 alert("voici "+ 32+21); // donne voici3221 alert("voici "+ (32+21) ); // donne voici 53
;)

Au cas où tu aurais besoin il y a aussi en javascript :

Code:

Math.floor() et Math.cell() (arrondit supérieur et inférieur).

Pour tester si un résultat est NaN :

Code:

if ( isNaN(valeur) ) {//valeur est NaN}else{//valeur est correct}.
19/10/2010, 16h25
dessa

Pour PHP, regarde du côte de round() et de ceil() qui arrondi à l'entier supérieur.