Discussion :

[LadyArwen]

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]

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]

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]

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]

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]

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.