calculer en javascript

**maestro982** · 22/06/2010, 12h05

Salut tout le monde!!

voila j'ai ce script que j'ai adapté a ma situation, c'est cool ca marche.
Mais je souhaite rajouter quelque chose! alors voila le script d'origine...

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
<head>
<script language="JavaScript">
function calcul() {
var total = 0;
 
// Permet de ne pas declarer le nombre d'elements du formulaires
var nb;
nb = document.devis.coche.length;
total = eval(document.devis.prix_base.value);
 
// Evalue toutes les cases cochees
for( i = 0 ; i < nb ; i++ ) {
if (document.devis.coche[i].checked) total = total + eval(document.devis.coche[i].value);
}
 
 
 
// Affiche le total de toutes les cases cochees
document.devis.prix_total.value = total;
}
 
 
</script> 
</head>
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<?php
$table= array(25,35);
?>
<input name="coche" type="checkbox" value= <?php echo $table[0];?> onclick="calcul()"> <br/>
 
Chaise
<?php
$chaise= array(15,26);
?>
<input name="coche" type="checkbox" value= <?php echo $chaise[0];?> onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
<input type="reset" value="Effacer">
</form>
 
</body>

donc comme vous pouvez le voir il y a un produit avec chacun deux prix qui représentent chacun un prix de fournisseur...
Mais pour l'instant j'ai qu'un seul prix total qui additionne le premier prix de mes arrays! Mais je voudrais rajouter un second prix total pour additionner cette fois ci le deuxième prix de mes arrays, en cliquant sur le meme checkbox surtout! en php j'arrive a afficher l'ensemble d'un array grace a un seul value, mais la j'ai besoin de calculer ...et je bloque j'aurai besoin de vous svp!!

Faut sans doute rajouter un truc dans la partie head non??
donc voila le rendu que je souhaite!

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
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<?php
$table= array(25,35);
?>
<input name="coche" type="checkbox" value= <?php echo $table[0];?> onclick="calcul()"> <br/>
 
Chaise
<?php
$chaise= array(15,26);
?>
<input name="coche" type="checkbox" value= <?php echo $chaise[0];?> onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
<input type="text" name="prix_total2" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
<input type="reset" value="Effacer">
</form>

Merci à ceux qui voudront bien me lire!!

**SpaceFrog** · 22/06/2010, 12h18

pas d'eval !!!

multiplie par 1 ou fai tun parseInt ou parseFloat ..

**maestro982** · 22/06/2010, 12h34

alors je ne te cacherai pas que je ne maitrise pas javascript mais comme j'en ai besoin ici que par parcimonie... Qu'est ce que tu entends par pas d'eval?? et je le mets ou le parseint ou float?? Merci a toi!

Edit:
A ok il suffisait de remplacer eval par parseFloat pardon j'avais pas saisi! Mais du coup ca règle pas mon premier souci t'as une piste pour avoir deux totaux en cliquant sur un checkbox?? mercii!

**E.Bzz** · 23/06/2010, 11h42

Bonjour,
tu mets déjà à jour prix_total.
Avec un peu d'imagination, on peut faire pareil pour prix_total2

Code :

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

1
2
document.devis.prix_total.value = total;
document.devis.prix_total2.value = total;

A+

**maestro982** · 23/06/2010, 11h59

Merci a toi,

Justement en fait la ou je bloque c'est par rapport à l'input, lorsqu'il est coche il doit envoyer deux valeurs, une a prix_total et une autre a prix_total2. sinon j'avais dupliquer le meme code pour les deux prix differents mais j'arrive pas à envoyer le calcul sur chaque élément de mon array, grace a un meme checkbox!

**vermine** · 23/06/2010, 12h22

Bonjour,

Vous pourriez remettre le nouveau code car je pense que les réponses vous ont été données. Il reste maintenant à les utiliser aux bons endroits.

**maestro982** · 23/06/2010, 13h08

oui merci voila:

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
<head>
<script language="JavaScript">
function calcul() {
var total = 0;
 
// Permet de ne pas declarer le nombre d'elements du formulaires
var nb;
nb = document.devis.coche.length;
total = eval(document.devis.prix_base.value);
 
// Evalue toutes les cases cochees
for( i = 0 ; i < nb ; i++ ) {
if (document.devis.coche[i].checked) total = total + eval(document.devis.coche[i].value);
}
 
 
 
// Affiche le total de toutes les cases cochees
document.devis.prix_total.value = total;
document.devis.prix_total2.value = total;
}
 
 
</script> 
</head>
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<?php
$table= array(25,35);
?>
<input name="coche" type="checkbox" value= <?php echo $table[0];?> onclick="calcul()"> <br/>
 
Chaise
<?php
$chaise= array(15,26);
?>
<input name="coche" type="checkbox" value= <?php echo $chaise[0];?> onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
<input type="reset" value="Effacer">
</form>
 
</body>

et pour l'affichage:

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
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<?php
$table= array(25,35);
?>
<input name="coche" type="checkbox" value= <?php echo $table[0];?> onclick="calcul()"> <br/>
 
Chaise
<?php
$chaise= array(15,26);
?>
<input name="coche" type="checkbox" value= <?php echo $chaise[0];?> onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
<input type="text" name="prix_total2" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
<input type="reset" value="Effacer">
</form>

vooila sauf que je souhaite que prix_total= $table[0]+$chaise[0] pour ca c'est bon.
MAIS en cochant les memes checkbox je veux aller cherche la somme de $table[1]$chaise[1] pour afficher ca dans prix_total2!
j'avais pense à un champ hidden peut etre... ou si quelqu'un a une idée... mrci!
Excusez je me répète je sais!

**SpaceFrog** · 23/06/2010, 13h10

Code :

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

total = eval(document.devis.prix_base.value);

Code :

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

total = +document.devis.prix_base.value;

**maestro982** · 23/06/2010, 14h51

Hahahahhaha excuse, j'ai fait un copier coller de mon ancien code mais j'ai remplacé eval par parseFloat, comme tu me l'avais conseillé! Mais je me prends tellement la tête avec le reste...

**vermine** · 23/06/2010, 15h35

Pourrions-nous avoir le code HTML généré, s'il vous plait ?

**maestro982** · 23/06/2010, 19h30

oui bien sur :

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
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<?php
$table= array(25,35);
?>
<input name="coche" type="checkbox" value= <?php echo $table[0];?> onclick="calcul()"> <br/>
 
Chaise
<?php
$chaise= array(15,26);
?>
<input name="coche" type="checkbox" value= <?php echo $chaise[0];?> onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
<input type="text" name="prix_total2" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
<input type="reset" value="Effacer">
</form>

Alors la je ne donne qu'une valeur a mes checkboxs, mais moi j'en veux deux pour pouvoir trouve le prix_total2, enfin si c'est la solution...

**vermine** · 23/06/2010, 21h03

Pardon, je me suis mal exprimé. Je voulais dire le code HTML quand vous lancer votre site. Celui qu'on obtiens en affichant le "code source de la page".

C'est-à-dire le code lorsque le PhP est traduit.

**maestro982** · 23/06/2010, 23h44

Ben justement j'ai que ca:

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
<head>
<script language="JavaScript">
function calcul() {
var total = 0;
 
// Permet de ne pas declarer le nombre d'elements du formulaires
var nb;
nb = document.devis.coche.length;
total = parseFloat(document.devis.prix_base.value);
 
// Evalue toutes les cases cochees
for( i = 0 ; i < nb ; i++ ) {
if (document.devis.coche[i].checked) total = total + parseFloat(document.devis.coche[i].value);
}	
 
 
 
// Affiche le total de toutes les cases cochees
document.devis.prix_total.value = total;
}
</script> 
 
 
</head>
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<input name="coche" type="checkbox" value= 25 onclick="calcul()"> 
 
Chaise
<input name="coche" type="checkbox" value= 15 onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
 
<input type="reset" value="Effacer">
</form>
 
</body>

Merci de vous penche sur mon cas...

**vermine** · 24/06/2010, 07h53

Alors, tout d'abord, je passe par les id (mais ce n'est pas obligatoire, la syntaxe change un peu):

Code html :

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

1
2
3
 
<input type="text" id="prix_total0" name="prix_total0" value="0" size="8"> Prix TTC<br/><br/>
<input type="text" id="prix_total1" name="prix_total1" value="0" size="8"> Prix TTC 2<br/><br/>

Ensuite dans votre fonction, je me base sur le "i" de l'id:

Code js :

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

1
2
3
4
5
6
7
8
9
10
11
 
// Evalue toutes les cases cochees
for( i = 0 ; i < nb ; i++ ) {
if (document.devis.coche[i].checked) document.getElementById("prix_total"+i).value = parseFloat(document.getElementById("prix_total"+i).value) + parseFloat(document.devis.coche[i].value);
}	
 
 
//A supprimer
// Affiche le total de toutes les cases cochees
//document.devis.prix_total.value = total;
}

Ca ne règle pas votre problème car le PhP ne donne pas le bon résultat:

Code html :

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

1
2
3
4
5
6
 
Table
<input name="coche" type="checkbox" value= 25 onclick="calcul()"> 
 
Chaise
<input name="coche" type="checkbox" value= 15 onclick="calcul()">

Il devrait donner:

Code html :

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

1
2
3
4
5
6
 
Table
<input name="coche" type="checkbox" value="25,35" onclick="calcul()"> 
 
Chaise
<input name="coche" type="checkbox" value="15,26" onclick="calcul()">

Une fois qu'il donnera ça, nous pourrons réfléchir à comment utiliser d'abord 25, et ensuite utiliser 35.

**maestro982** · 24/06/2010, 16h45

alors je sais pas si ca conviendra mais j'ai fait un foreach qui me donne ceci dans mon code source, bon ya pas de virgule pour séparer et j'ai pas affiche les clefs seulement les values du foreach.

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
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<?php
$table= array(25,35);
?>
<input name="coche" type="checkbox" value= <?php foreach ($table as $key => $val) {echo "$val\n";}?> onclick="calcul()"> 
 
Chaise
<?php
$chaise= array(15,26);
?>
<input name="coche" type="checkbox" value= <?php foreach ($chaise as $key => $val) {echo " $val\n";}?> onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
 
<input type="reset" value="Effacer">
</form>
 
</body>

Merciiii

**vermine** · 24/06/2010, 18h34

Euh, oui mais moi et le PhP c'est une histoire ancienne.

Donc je préfère voir le résultat final, c'est-à-dire le HTML généré.

**maestro982** · 24/06/2010, 19h05

ha ok alors voici:

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
<head>
<script language="JavaScript">
function calcul() {
var total = 0;
 
// Permet de ne pas declarer le nombre d'elements du formulaires
var nb;
nb = document.devis.coche.length;
total = parseFloat(document.devis.prix_base.value);
 
// Evalue toutes les cases cochees
for( i = 0 ; i < nb ; i++ ) {
if (document.devis.coche[i].checked) total = total + parseFloat(document.devis.coche[i].value);
}	
 
 
 
// Affiche le total de toutes les cases cochees
document.devis.prix_total.value = total;
}
</script> 
 
 
</head>
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<input name="coche" type="checkbox" value= 25
35
 onclick="calcul()"> 
 
Chaise
<input name="coche" type="checkbox" value=  15
 26
 onclick="calcul()"> <br/><br/>
 
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>
 
 
 
 
 
<input type="reset" value="Effacer">
</form>
 
</body>

voila voila alors pour l'instant lorsque je coche une case il prend en compte le premier élément de l'array...

**vermine** · 24/06/2010, 19h43

C'est normal à cause de ceci:

Code html :

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

1
2
3
<input name="coche" type="checkbox" value= 25
35
 onclick="calcul()">

Donc ici on a 25 comme value et puis un attribut 35. Il faudrait obtenir ceci:

Code :

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

1
2
<input name="coche" type="checkbox" value="25,35" onclick="calcul()">

Donc arrangez-vous pour avoir ce résultat-là ou bien quelque chose qui y ressemble: 25/35, 25-35, ...

**Bovino** · 24/06/2010, 19h46

Code :

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

1
2
3
<input name="coche" type="checkbox" value= 25
35
 onclick="calcul()">

Quand tu écris ça, ça implique que ton value est nul et tu crées deux attributs 25 et 35

En HTML, il est préférable de mettre les valeurs des attributs entre quotes et c'est même obligatoire si leurs valeurs contiennent des espaces.

**vermine** · 24/06/2010, 22h21

Envoyé par Bovino

Quand tu écris ça, ça implique que ton value est nul et tu crées deux attributs 25 et 35

Bovino, j'avais tendance à penser comme toi mais le navigateur s'en sort quand même avec un espace et il comptabilise bien "25" comme "value".

calculer en javascript

JavaScript

Discussions similaires

Partager

Partager