Discussion :

[francky76]

Bonjour à toutes et tous,

J'ai un formulaire avec des calculs qui fonctionne parfaitement en fonction des valeurs saisies par les internautes.
Je reçois donc bien toutes les valeurs saisies, mais pas le résultat calculée par le script.

Le span id="lbTotalBrut" m'affiche bien le résulat, mais j'aimerai qu'il se retrouve dans l'input name="field_18 pour qu'il s'affiche sur le site et que
je puisse également recevoir ce résulat calculé lorsque une personne valide le formulaire.

Un grand merci d'avance pour votre aide

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
 
<input name="field_4" type="text" id="tb_saisie_1_2" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_5" type="text" id="tb_saisie_1_3" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_6" type="text" id="tb_saisie_1_4" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_7" type="text" id="tb_saisie_3_7" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_8" type="text" id="tb_saisie_2_5" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_9" type="text" id="tb_saisie_6_16" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_10" type="text" id="tb_saisie_5_8" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_11" type="text" id="tb_saisie_5_9" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_12" type="text" id="tb_saisie_5_10" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
<input name="field_13" type="text" id="tb_saisie_5_13" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />
 
<input name="field_18" >
 
 
<script type="text/javascript">
  function CalCulTotal() {
    var total = 0;
    total += Number(document.getElementById('tb_saisie_1_2').value.replace(',', '.')) * 0.50 * 1;
    total += Number(document.getElementById('tb_saisie_1_3').value.replace(',', '.')) * 1.00 * 1;
    total += Number(document.getElementById('tb_saisie_1_4').value.replace(',', '.')) * 1.80 * 1;
    total += Number(document.getElementById('tb_saisie_3_7').value.replace(',', '.')) * 6.50 * 1;
    total += Number(document.getElementById('tb_saisie_2_5').value.replace(',', '.')) * 3.15 * 1;
    total += Number(document.getElementById('tb_saisie_6_16').value.replace(',', '.')) * 2.04 * 1;
    total += Number(document.getElementById('tb_saisie_5_8').value.replace(',', '.')) * 6.50 * 1;
    total += Number(document.getElementById('tb_saisie_5_9').value.replace(',', '.')) * 4.50 * 1;
    total += Number(document.getElementById('tb_saisie_5_10').value.replace(',', '.')) * 8.00 * 1;
    total += Number(document.getElementById('tb_saisie_5_13').value.replace(',', '.')) * 7.50 * 1;
    total;
    document.getElementById('lbTotalBrut').innerHTML = total.toFixed(2) + ' € ';
    if (total > 0) {
      document.getElementById('tTableCumul').style.display = ''
    } else {
      document.getElementById('tTableCumul').style.display = 'none'
    };
  }
</script>
 
</p>
 
<table id="tTableCumul"> 
<span id="lbTotalBrut">,

[Bovino]

j'aimerai qu'il se retrouve dans l'input name="field_18

Ben... affecte le résultat au value de cet input, où est le problème ?

[francky76]

Ben... affecte le résultat au value de cet input, où est le problème ?

J'ai fait comme ça , mais cela ne fonctione pas :

Code html :

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

<input type="text" value="lbTotalBrut" name="field_18">

Merci ( je débute désolé )

[g.randaxhe]

Remplace

Code :

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

<input name="field_18" >

par

Code :

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

<input name="field_18" id="field_18">

et après la ligne

Code :

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

document.getElementById('lbTotalBrut').innerHTML = total.toFixed(2) + ' € ';

Tu mets :

Code :

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

document.getElementById('field_18').value = total.toFixed(2) + ' € ';

Non ?

[francky76]

Un grand merci , c'est vraiment sympa, tout fonctionne parfaitement !!

[NoSmoking]

Bonjour,

Code html :

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

<input name="field_4" type="text" id="tb_saisie_1_2" class="tbsaisie" onkeyup="javascript:CalCulTotal();" autocomplete="off" style="border:1px solid #FF00FF; text-align:right;" size="10" />

- un onkeyup="CalCulTotal();" est suffisant, sans javascript: qui est sous entendu

- comme l'élément possède une classe, class="tbsaisie", autant mettre le reste du style dedans, ou dans une class ajoutée.