Calcul dans un formulaire

Version imprimable

Bonjour,
Je suis en train de faire un petit formulaire pour que chacun puisse commander leur barrette de nespresso au boulot...
J'ai mon formulaire, mais je n'arrive pas à mettre le montant de la commande dans le formulaire.
Je vous met un code alléger de ce que j'ai fais, afin que vous puissiez trouver mon erreur.

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
40
41
42
43
44
45
46
47
 
<HTML>
	<HEAD><TITLE>Commande de café NESPRESSO</TITLE>
    <SCRIPT type="text/javascript">
    function cal(){
        var cl=parseFloat(document.getElementByName('Ristretto').value);
        var c2=parseFloat(document.getElementByName('Arpeggio').value);
        document.getElementByName('Totalcommande').value = (c1+c2)*3.3
        }
    </SCRIPT>
    </HEAD>
    <BODY>
    <CENTER>
 
            <FORM METHOD="POST" ACTION="traitement.php" NAME="form1" ID="form1">
            <INPUT TYPE="hidden" VALUE="modif_cmd" NAME="action">
            <INPUT TYPE="hidden" VALUE="1" NAME="ID_CAFE">
            <INPUT TYPE="hidden" VALUE="DEROCHE, Julien" NAME="NomPrenom">DEROCHE, Julien
            <TABLE border=1>
                <TR>
                    <TD colspan=5 align=center>Café</TD>
                </TR>
                <TR>
                    <TD rowspan=2>Les expressos</TD>
                    <TD>Ristretto</TD>
                    <TD><IMG src="image/ristretto.bmp"></TD>
                    <TD>10/10</TD>
                    <TD><input type="text" NAME="Ristretto" ID="Ristretto" VALUE="1" onkeyup="cal()" /></TD>
                </TR>
                <TR>
                    <TD>Arpeggio</TD><TD><IMG src="image/arpeggio.bmp"></TD>
                    <TD>9/10</TD>
                    <TD><input type="text" NAME="Arpeggio"  ID="Arpeggio" VALUE="2" onkeyup="cal()" /></TD>
                </TR>
                <TR>
                    <TD colspan=4>Total de la commande</TD>
                    <TD><input type="text" NAME="Totalcommande" VALUE="21"></TD>
                </TR>
                <TR>
                    <TD colspan=2><CENTER><INPUT TYPE="SUBMIT" Value="Envoyé"></CENTER></TD>
                    <TD colspan=3><CENTER><INPUT TYPE="SUBMIT" Value="Annulé"></CENTER></TD>
                </TR>
            </TABLE>
            </FORM>
            </CENTER>
            </BODY>
</HTML>

Merci d'avance
@+
julien

15/12/2010, 09h00
SpaceFrog

Code:

getElementByName

???
dépose un brevet rapidement avant qu'on ne te vole l'idée ...
en bref ça n'existe pas ...

getElementsByName retourne une collection

Code:

getElement ById

retoure un objet ...
utilise le second...

de plus évites les attributs en majuscule ...
NAME => name
ID => id

Merci pour ta réponse.
J'ai refais le code, mais ca ne marche toujours pas.
Tu aurais une idée?

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
40
41
42
43
44
45
46
47
 
<HTML>
	<HEAD><TITLE>Commande de café NESPRESSO</TITLE>
    <SCRIPT type="text/javascript">
    function cal(){
        var cl=parseFloat(document.getElementById('Ristretto').value);
        var c2=parseFloat(document.getElementById('Arpeggio').value);
        document.getElementById('Totalcommande').value = (c1+c2)*3.3;
        }
    </SCRIPT>
    </HEAD>
    <BODY>
    <CENTER>
 
            <FORM method="POST" action="traitement.php" name="form1" id="form1">
            <INPUT type="hidden" value="modif_cmd" name="action">
            <INPUT type="hidden" value="1" name="ID_CAFE">
            <INPUT type="hidden" value="DEROCHE, Julien" name="NomPrenom">DEROCHE, Julien
            <TABLE border=1>
                <TR>
                    <TD colspan=5 align=center>Café</TD>
                </TR>
                <TR>
                    <TD rowspan=2>Les expressos</TD>
                    <TD>Ristretto</TD>
                    <TD><IMG src="image/ristretto.bmp"></TD>
                    <TD>10/10</TD>
                    <TD><input type="text" name="Ristretto" id="Ristretto" value="1" onkeyup="cal()" /></TD>
                </TR>
                <TR>
                    <TD>Arpeggio</TD><TD><IMG src="image/arpeggio.bmp"></TD>
                    <TD>9/10</TD>
                    <TD><input type="text" name="Arpeggio"  id="Arpeggio" value="2" onkeyup="cal()" /></TD>
                </TR>
                <TR>
                    <TD colspan=4>Total de la commande</TD>
                    <TD><input type="text" name="Totalcommande" value="21"></TD>
                </TR>
                <TR>
                    <TD colspan=2><CENTER><INPUT type="SUBMIT" value="Envoyé"></CENTER></TD>
                    <TD colspan=3><CENTER><INPUT type="SUBMIT" value="Annulé"></CENTER></TD>
                </TR>
            </TABLE>
            </FORM>
            </CENTER>
            </BODY>
</HTML>

Merci d'avance
julien

15/12/2010, 09h53
Bovino

Code:

<input type="text" name="Totalcommande" value="21">

Tu n'as pas d'élément dont l'id est Totalcommande :aie:
15/12/2010, 15h46
astragoth

Bonjour,
Même avec l'ID ca ne marche pas. :cry:

@+
julien
16/12/2010, 11h54
javatwister

c1 est différent de cl

gère un peu la saisie aussi (NaN fait tache!)
16/12/2010, 11h56
Bovino

Citation:

Envoyé par javatwister

c1 est différent de cl

Bah... pourtant ça se ressemble ! :mouarf:
16/12/2010, 11h58
SpaceFrog

on ne l'appelle pas œil de lynx pour rien !! :ccool: