auto calcul du total de la commande ne fonctionne plus si la quantité est un champ de type select

**jennys** · 24/01/2011, 23h16

Bonjour à tous,

J'ai un formulaire de commande dont le champ quantité au format texte peut être modifié par les clients.

Pour simplifier le choix de la quantité, je souhaite modifier le type de champ pour passer du format texte au format select.

Dès lors le script ne calcule plus le total ? quel sont les modifs à faire...
merci d'avance.

samuel

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
 
<html>
<head>
<title>My Untitled Document</title>
<script type="text/javascript" language="javascript">
<!--
function calcVals() {
    var form = document.form1;
    var total = document.getElementById("valTotal");
    var currentTotal = total.value.replace('$','');
     // document.pgCartOrder.calculatedTotal.value='0';
    var tempTotal = 0;
    var totalFields = eval(form.elements.length-1);
    //alert (totalFields);
      for (i=0; i < totalFields; i++) {
        if(form.elements[i].type == 'submit'){
        }else if(form.elements[i].type == 'text'){
            if(form.elements[i].value > 0){  
				tempTotal = tempTotal + parseFloat(form.elements[i].title * parseInt(form.elements[i].value));
            }else if(form.elements[i].value = 'NaN'){
				form.elements[i].value = "";
			}
        }
      }
 
    if (String(total) != 'NaN') {
        form.valTotal.value = "$"+ tempTotal;
    } else {
        form.valTotal.value = 'ERROR';
    }
}
form.valTotal.value = round(form.valTotal.value, 2);
-->
</script>
 
 
</head>
 
<body onload="calcVals()">
 <? if ($_POST['send']){ ?>
	<? echo floor($_POST['textfield']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield1']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield2']) ;?>
	<? echo "<br>";?>
 
<? } ?>
 
<form id="form1" name="form1" method="post" action="" >
  $ 9.25<input type="text" name="textfield" value="1"  title="9.25" onkeyup="calcVals();"/><br/>
  $12.25<input type="text" name="textfield1"  title="12.25" onkeyup="calcVals();"/><br/>
  $ 5.00<input type="text" name="textfield2"  title="-5.00" onkeyup="calcVals();"/><br/>
  <input type="text" readonly="" name="valTotal" id="valTotal" value="$0"/>
  <input type="submit" name="send" value="SEND" />
</form>
</body>
</html>

**RomainVALERI** · 25/01/2011, 09h15

Envoyé par jennys

Code javascript :

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

var totalFields = eval(form.elements.length-1);

encore un ? ça fait deux fois en une semaine...

>>> pourquoi faire eval sur une donnée numérique ?

Sinon à part ça : si ton champ à remplacer par un select est "valTotal" (ce que je suppose que tu ne précisais pas ^^), il faut accéder à la value différemment :

Code javascript :

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

1
2
//var currentTotal = total.value;
var currentTotal = total[total.selectedIndex].value;

**SpaceFrog** · 25/01/2011, 09h18

Code :

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

var currentTotal = total.value;

**jennys** · 25/01/2011, 09h28

Résolu, merci à tous

ci-dessous le code pour ceux qui cherche quelque chose d'identique

Samuel

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
 
<html>
<head>
<title>My Untitled Document</title>
 
<script type="text/javascript">
 
			function calcVals()
			{
				var
					selects = document.getElementById('form1').getElementsByTagName('select'),
					total   = 0,
					i;
 
				for (i = 0; i < selects.length; i++) {
					total += (isNaN(selects[i].value) ? 0 : Number(selects[i].value)) * (isNaN(selects[i].title) ? 0 : Number(selects[i].title));
				}
				document.getElementById('valTotal').value = '€ ' + total.toFixed(2);
			}
 
		</script>
 
 
</head>
 
<body onLoad="calcVals()">
 <? if ($_POST['send']){ ?>
	<? echo floor($_POST['textfield']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield1']) ;?>
	<? echo "<br>";?>
	<? echo floor($_POST['textfield2']) ;?>
	<? echo "<br>";?>
 
<? } ?>
updated
<form id="form1" name="form1" method="post" action="" >
  $ 9.25
  <select name="textfield" title="9.25" onChange="calcVals(this.form.form1)">
  	<option value="1" selected="selected">1</option>
	<option value="2">2</option>
  </select>
  <br />
   $ 12.25
  <select name="textfield1" title="12.25" onChange="calcVals(this.form.form1)">
  	<option value="0" selected="selected">As gift</option>
	<option value="1">1</option>
	<option value="2">2</option>
  </select>
  <br />
   $ -5.00
  <select name="textfield2" title="-5.00" onChange="calcVals(this.form.form1)">
  	<option value="0" selected="selected">No</option>
	<option value="1">Yes</option>
  </select>
  <br />
  <input type="text" readonly="" name="valTotal" id="valTotal" value="$0"/>
  <input type="submit" name="send" value="SEND" />
</form>
</body>
</html>

**RomainVALERI** · 25/01/2011, 10h25

Heu...

Ca n'empeche vraisemblablement pas l'ensemble de fonctionner, mais tu envoies à ta fonction calcVals un paramètre (inutilisé d'ailleurs) qui n'a aucun sens ^^

auto calcul du total de la commande ne fonctionne plus si la quantité est un champ de type select

JavaScript

Discussions similaires

Partager

Partager