calculer en javascript

**maestro982** · 24/06/2010, 22h54

bon j'ai enfin le rendu souhaité, par contre j'ai du virer mon foreach et mettre chaque élément de l'array un à un! Mais j'ai finalement ceci (html généré):

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

Bon il me prend bien, en cochant la case, le premier value 25, enfin pour l'instant...
Ca fait un pas de plus non?

**vermine** · 25/06/2010, 07h31

Très bien.

Maintenant il reste à gérer le value:

Code js :

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

1
2
 
document.devis.coche[i].value //donne 25,35

Renseignez-vous peut-être sur la méthode split();, afin de récupérer les deux valeurs séparément, et donc de les traiter séparément.

**maestro982** · 25/06/2010, 14h19

Re!!

alors j'ai vu dans la doc que split était obsolète j'ai donc opte pour explode() que j'ai découvert, c'est puissant ca ! Je savais pas qu'on pouvait transformer une chaine en tableau, qui plus est aussi facilement enfin a supposer que j'ai manier la chose correctement...

Alors par contre la ou je bloque c'est pour le traitement js pour traiter les valeurs séparément justement!

**vermine** · 25/06/2010, 14h36

Après votre explode, vous avez bien un tableau de deux "cases", on va dire. 25 et 35.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var mon_tableau = ... //explode
 
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(mon_tableau[i]);
   }
}

**maestro982** · 25/06/2010, 15h37

Haa mais ca sous entendait la creation d'un tableau en javascript?? parce que la je declarais un explode avant chaque input en php!!

**vermine** · 25/06/2010, 15h41

De fait. Vu qu'explode n'existe pas en Javascript de base.

Il serait temps que je dorme un peu...
Je parlais effectivement d'une gestion Javascript du value, lors de sa récupération et non lors de sa création en PhP.

**johannesb** · 25/06/2010, 17h07

Envoyé par maestro982

alors j'ai vu dans la doc que split était obsolète j'ai donc opte pour explode() que j'ai découvert, c'est puissant ca !

Dans quelle doc avez-vous vu que split était obsolète ? String.prototype.split (separator, limit) est toujours à la section 15.5.4.14
d'ECMA-262 dans sa version 5, et c'était déjà le cas dans la version 3.

En revanche, je ne connais pas explode. Qu'est-ce ?

**SpaceFrog** · 25/06/2010, 17h11

explode n'existe pas à ma connaissance en javascript ...
il doit s'agir de php là non ?

à moins de faire:

Code :

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

1
2
3
 
String.prototype.explode=function(){
return this.split(arguments[0])}

**maestro982** · 25/06/2010, 17h19

Oui en effet je parlais de la doc php puisque je partais du principe que j'attribuais mes valeurs en php.
Mais split est toujours utilise on dirait enfin j'en trouve dans les tutos js! Mais moi et le js.... donc la je bosse la chose!

**maestro982** · 25/06/2010, 19h13

bon j'ai une question de debutant là svp!!

J'ai donc déclaré un tableau en javascript que j'essaie de récupérer dans le value de mon input. Le problème c'est que je ne sais pas comment faire là! a moins que ca ne soit pas comme php en mettant seulement des balises...

Code :

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

<input name="coche" type="checkbox" value= "?????"  onclick="calcul()">

Comme ca vous pouvez mesurer mon niveau remarquez!

Désolé de vous embêter avec une question comme celle la!

**vermine** · 26/06/2010, 18h43

Non, non. Revenez en arrière. Vous aviez vos input bien remplis avec comme value "25,35". Ca c'est parfait. C'est dans la fonction calcul que vous devez faire votre split. Regarder mon dernier bout de code et là où j'avais mis:

Code :

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

// explode

ben vous faites un split.

**maestro982** · 26/06/2010, 19h18

Oui mais dans "var mon_tableau" je declare une chaine avec split pour la scinder en tableau? mais je fais quoi de l'array php que j'ai crée juste avant mon input dans la partie body? Je peux le laisser en php??? parce que le "25,35" a ete obtenue en faisant

Code :

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

1
2
3
4
5
6
7
8
9
10
<body>
<form name="devis">
<input type="hidden" name="prix_base" value="0">
Table
<?php
$table= "25,35";
$fourni = explode(",", $table);
?>
 
<input name="coche" type="checkbox" value= "<?php echo $fourni[0];echo ','; echo $fourni[1]?>" onclick="calcul()">

sinon je peux essayer de refaire le formulaire en javascript vous voyez???
enfin si je peux m'en passer je serai tout content ! merciii!

**maestro982** · 26/06/2010, 22h49

bon finalement ma remarque etait un peu bete, autant taper les éléments de mon array directement dans le value! Bref j'arrive désormais a ca sachant que j'ai affiché les deux tableau dans la partie head puisque j'ai deux produits...

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;
var mon_tableauchaise = "25,35".split(",");
 
var mon_tableautable = "15,56".split(",");
 
 
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) document.getElementById("prix_total"+i).value = parseFloat(document.getElementById("prix_total"+i).value) + 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,56" onclick="calcul()"> <br/><br/>
 
<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/>
 
 
<input type="reset" value="Effacer">
</form>
 
</body>

C'est de ca qu'il s'agissait j'espere!

**vermine** · 28/06/2010, 07h46

Vous pourriez répéter l'énoncer car là je ne sais plus ce que l'on doit faire exactement.

Et aussi bien relire le dernier code que je vous avais donné (oui oui même le bout de la ligne qui est caché à première vue ^^).

**maestro982** · 28/06/2010, 08h11

Hahahahahha désolé j'ai du vous embrouiller l'esprit avec mes questions! J'ai du perdre le fil de vos conseils sans doute!

alors voila : j'ai ce premier code qui me calcul le "prix total" des produits choisis en cochant des checkboxs.

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 = 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
<?php
$table= "25,35";
$fourni = explode(",", $table);
 
?>
<input name="coche" type="checkbox" value= "<?php echo $fourni[0];echo ','; echo $fourni[1]?>" onclick="calcul()"> 
 
CHAISE
<?php
$chaise= "15,56";
$fourni = explode(",", $chaise);
?>
<input name="coche" type="checkbox" value= "<?php echo $fourni[0];echo ','; echo $fourni[1]?>" 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 ici j'ai dans mes value le prix total qui est calculer en additionnant le premier prix de mes tableaux, ici $fourni[0];

Cependant j'aimerais au même moment, calculer le total de $fourni[1] qui correspond à un prix d'un deuxième fournisseur
donc pour faire court:
en un clic:
$fourni[0]+ $fourni[0] ect ect =
<input type="text" name="prix_total" value="0" size="8"> Prix TTC<br/><br/>

$fourni[1]+$fourni[1] ect ect=
<input type="text" name="prix_total2" value="0" size="8"> Prix TTC<br/><br/>

Don la difficulté, pour moi en tout cas

, est de parvenir à calculer séparément les éléments d'un tableau qui se trouvent dans le même value !!

Désolé de vous embeter avec ca mais ca fait un moment que j'essaie en vain...

**vermine** · 28/06/2010, 08h17

Essayez un peu ceci:

Code js :

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

1
2
3
4
5
6
7
8
9
 
for( i = 0 ; i < nb ; i++ ) {
 
   if (document.devis.coche[i].checked)
   {
       var mon_tableau = (document.devis.coche[i].value).split(",");
       document.getElementById("prix_total"+i).value = parseFloat(document.getElementById("prix_total"+i).value) + parseFloat(mon_tableau[i]);
   }
}

en rajoutant les id sur les deux champs html:

Code html :

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

1
2
3
4

<input type="text" id="prix_total1" name="prix_total1" value="0" size="8"> Prix TTC<br/><br/>
 <input type="text" id="prix_total2" name="prix_total2" value="0" size="8"> Prix TTC<br/><br/>

**maestro982** · 28/06/2010, 11h11

Alors merci de la proposition, mais ca ne marche pas...la ca me prends en compte seulement le deuxieme prix du deuxieme produit, et a chaque fois que je reclic sur cette case ce additionne la meme valeur!! Mais ca progresse au moins il reconnait le deuxieme prix c'est une premiere!

en fait je me disais qu'au premier clic deja il est censé m'afficher dans chaque input text, le premier et le deuxieme prix... donc si je clique sur "table" j'ai directement 25 et 35 qui devraient s'afficher dans chaque case!

**vermine** · 28/06/2010, 11h25

Effectivement je me suis emmelé les pinceaux avec les indices et les calculs.

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;
var mon_tableauchaise = "25,35".split(",");
 
var mon_tableautable = "15,56".split(",");
 
 
var nb;
nb = document.devis.coche.length;
document.getElementById("prix_total0").value = 0;
document.getElementById("prix_total1").value = 0;
 
for( i = 0 ; i < nb ; i++ ) {
 
   if (document.devis.coche[i].checked)
   {
       var mon_tableau = (document.devis.coche[i].value).split(",");
       document.getElementById("prix_total0").value = parseFloat(document.getElementById("prix_total0").value) + parseFloat(mon_tableau[0]);
       document.getElementById("prix_total1").value = parseFloat(document.getElementById("prix_total1").value) + parseFloat(mon_tableau[1]);
   }
}
}
</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,56" onclick="calcul()"> <br/><br/>
 
<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/>
 
 
<input type="reset" value="Effacer">
</form>
 
</body>

Vérifiez l'id des input "prix_total", puis corrigez la fonction calcul. A savoir, on vide les totaux, puis on additionne par fournisseur.

**maestro982** · 28/06/2010, 11h57

Oulalala, je crois que c'est exactement ca et je crois que j'aurai jamais trouver sans vous!!!!! je dois absolument filer et je reviens faire un point avec vous quand j'aurai mis ca en forme, mais merciiiii 1000 fois à tout'!!

**vermine** · 28/06/2010, 13h14

Il faut enlever ces lignes-ci qui ne servent plus à rien.

Code js :

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

1
2
3
4
5
 
var total = 0;
var mon_tableauchaise = "25,35".split(",");
 
var mon_tableautable = "15,56".split(",");

calculer en javascript

JavaScript

Discussions similaires

Partager

Partager