Calcul dans un formulaire

**astragoth** · 15/12/2010, 08h56

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 :

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

**SpaceFrog** · 15/12/2010, 09h00

Code :

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

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 :

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

getElement ById

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

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

**astragoth** · 15/12/2010, 09h40

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

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

**Bovino** · 15/12/2010, 09h53

Code :

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

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

Tu n'as pas d'élément dont l'id est Totalcommande

**astragoth** · 15/12/2010, 15h46

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

@+
julien

**javatwister** · 16/12/2010, 11h54

c1 est différent de cl

gère un peu la saisie aussi (NaN fait tache!)

**Bovino** · 16/12/2010, 11h56

Envoyé par javatwister

c1 est différent de cl

Bah... pourtant ça se ressemble !

Calcul dans un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager