calcul automatique

**LadyArwen** · 07/10/2010, 15h08

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 :

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

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 :

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
<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>

**LadyArwen** · 08/10/2010, 16h02

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

Code :

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

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 !

**le_chomeur** · 08/10/2010, 16h09

tu récupères des strings il faut donc les parser :

Code :

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

1
2
3
4
var a = "10";
var b = "25";
alert(a+b);
alert(parseInt(a)+parseInt(b));

voila

**dragonno** · 09/10/2010, 14h10

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

Mais je poste plutôt pour ça :

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^^

**LadyArwen** · 11/10/2010, 09h17

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 !

**LadyArwen** · 11/10/2010, 10h00

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 :

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
   <?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

Merci pour le tuyau

Je vais tenter de rajouter les décimales, j'ai cru comprendre que c'était parseFloat() qu'il fallait utiliser.

**LadyArwen** · 11/10/2010, 11h12

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 :

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
<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>

**dragonno** · 17/10/2010, 03h13

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 :

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

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 :

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

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 :

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

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

Pour tester si un résultat est NaN :

Code :

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

if ( isNaN(valeur) ) {//valeur est NaN}else{//valeur est correct}.

**dessa** · 19/10/2010, 16h25

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

calcul automatique

JavaScript

Discussions similaires

Partager

Partager