Calcul de prix tableau dynamique

Version imprimable

Bonjour à tous,

J'ai créer un tableau dynamique avec 4 champs : Descriptif / quantitée / prix HT / ID.
voici mon code pour le tableau :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 var str1 = 0; function AddRow(){ str1 ++; var newRow = document.getElementById('table_matos').insertRow(-1); var newCell = newRow.insertCell(0); newCell.innerHTML = '<input type=\"text\" size=\"54\" name=\"descriptif_matos_'+str1+'\" />'; newCell = newRow.insertCell(1); newCell.innerHTML = '<input type=\"text\" size=\"1\" name=\"quantitee_matos_'+str1+'\" />'; newCell = newRow.insertCell(2); newCell.innerHTML = '<input type=\"text\" size=\"12\" name=\"prix_ht_unitaire_matos_'+str1+'\"/>'; newCell = newRow.insertCell(3); newCell.innerHTML = '<input type=\"hidden\" name=\"nb_materiel\" size=\"2\" value=\"'+str1+'\"/>'+str1+'';
le tableau marche bien, il me rajoute les lignes comme je le désire, le problème c'est que je voudrais faire le calcule a la voler du prix, ce qui me ferai donc utiliser les champs "quantités" et "prix".
Vu que les lignes s'incrémentes grâce à +str1+ je suis lâcher mon niveau de java scripte n'es pas asser bon.
si je pouvais avoir un petit coup de main ce serai sympa.

Merci de votre aide.

PS : je recupe les contenu des champs plus loin en PHP (pas de soucis pour ca)

05/03/2008, 15h58
Matthieu2000

fais une recherche sur

Citation:

elements

du formulaire
05/03/2008, 17h05
Scandisk

merci mais c un peut vague

merci mais tu peut préciser un peut ?
après je me débrouille.
05/03/2008, 17h11
Matthieu2000

Citation:

function calcul(formulaire){
total=0;
for(i=1;i<=str1 ;i++){
total+=formulaire.elements["quantitee_matos_"+i].value*formulaire.elements["prix_ht_unitaire_matos_"+i].value;
}

return total;
}

ou quelque chose comme cela
05/03/2008, 17h51
Scandisk

apparament ca ne fonctionne pas ...

Merci pour ton bout de code mais cela ne semble fonctionne.
J'ai du supprimer le"}" en dernière ligne car il étais en trop.
soit la fonction ne tourne pas soit il n'arrive pas à recupérer

"formulaire.elements["quantitee_matos_"+i]"

une idée pour m'aider a deboger ?
Merci
05/03/2008, 17h59
Matthieu2000

formulaire à mettre en paramètre
document.forms[0] par exemple
05/03/2008, 18h02
Scandisk

heuuu

ok je penses que mon niveau JS n'es pas asser bon pour ca ... :cry:
je vais rester sur mon php et je reviendrais dessus plus tard sinon je vais te harceler de question basic.
LOL

merci encore de ton aide.

autre aproche...

en fait j'ai deja un calcule sur la page qui me fait mes calcules à la voler de mon HT TTC et tva qui ce lance suite a un bouter "calculer"
voici le code :

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
48
49
 
function Rond(num,p) { // en JavaScript
   p=Math.pow(10,p)
   return Math.round(num*p)/p
}
function calculer(formulaire) 
{
	duree=Number(formulaire.duree_inter.value); 
	tarif=Number(formulaire.tarif_h.value);
	ht_presta=Number(formulaire.prix_ht_presta.value);
	ht_materiel=Number(formulaire.prix_ht_materiel.value);
	ttc_materiel=Number(formulaire.prix_ttc_materiel.value);
 
	if (duree=="0.0") {
		//calcul du HT prestation
		ht=(duree*tarif)+ht_presta;
	} else {
		ht=duree*tarif;
	}
 
	//calcul de la TVA prestation
	ttc=ht*1.196;
	tva=ttc-ht;
	if (ht_materiel!="") {
		//calcule de la tva et ttc du materiel
		ttc_materiel=ht_materiel*1.196;
		tva_materiel=ttc_materiel-ht_materiel;
	} else {
		//calcule de la tva et ht du materiel
		ht_materiel=ttc_materiel/1.196;
		tva_materiel=ttc_materiel-ht_materiel;
	}
	formulaire.prix_ht_presta.value=(Rond(ht,2));
	formulaire.prix_ttc_presta.value=(Rond(ttc,2));
	formulaire.prix_tva_presta.value=(Rond(tva,2));
	formulaire.prix_ttc_materiel.value=(Rond(ttc_materiel,2));
	formulaire.prix_tva_materiel.value=(Rond(tva_materiel,2));
	formulaire.prix_ht_materiel.value=(Rond(ht_materiel,2));
 
	// calculte des totaux
	ht_total=ht+ht_materiel;
	tva_total=tva+tva_materiel;
	ttc_total=ttc+ttc_materiel;
 
	formulaire.prix_ht_total.value=(Rond(ht_total,2));
	formulaire.prix_tva_total.value=(Rond(tva_total,2));
	formulaire.prix_ttc_total.value=(Rond(ttc_total,2));
 
}

D'après toi comment je peut intégrer ton code pour remplacer la variable "ht_materiel"

car autant utiliser mon bouton "calculer" pour avoir l'ensemble de mon calcule plutôt que d'avoir plein de petits bouton, harrg ça m'en fil des bouton ca ... lol

si tu n'as pas d'idée je laisse tomber.
encore merci pour ton aide.

06/03/2008, 09h59
Matthieu2000

Citation:

ht_materiel=Number(formulaire.prix_ht_materiel.value);
->
qt_materiel=Number(formulaire.elements["quantitee_matos_"+i].value);

Super ca marche ;)

Merci encore pour ton aide j'ai trouver comment tous faire fonctionner.
J'ai donc integrer ce code :

Code:

1
2
3
4
5
6
 
// Calcule du prix HT materiel depuis le tableau dynamique
	total=0;
	for(i=1;i<=str1 ;i++){
		total+=formulaire.elements["quantitee_matos_"+i].value*formulaire.elements["prix_ht_unitaire_matos_"+i].value;
	}

et modifier la variable "ht_materiel" pour qu'elle corresponde au resultat de "total".

Voici donc mon code pour ceux que ça peut aider :

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
function Rond(num,p) { // en JavaScript
   p=Math.pow(10,p)
   return Math.round(num*p)/p
}
function calculer(formulaire) 
{
	// Calcule du prix HT materiel depuis le tableau dynamique
	total=0;
	for(i=1;i<=str1 ;i++){
		total+=formulaire.elements["quantitee_matos_"+i].value*formulaire.elements["prix_ht_unitaire_matos_"+i].value;
	}
 
	duree=Number(formulaire.duree_inter.value); 
	tarif=Number(formulaire.tarif_h.value);
	ht_presta=Number(formulaire.prix_ht_presta.value);
	ttc_materiel=Number(formulaire.prix_ttc_materiel.value);
	ht_materiel=total; // on definit le prix HT de l'ensemble du materiel et on l'indique pour les calculs TTC et TVA
 
	if (duree=="0.0") {
		//calcul du HT prestation
		ht=(duree*tarif)+ht_presta;
	} else {
		ht=duree*tarif;
	}
 
	//calcul de la TVA prestation
	ttc=ht*1.196;
	tva=ttc-ht;
	if (ht_materiel!="") {
		//calcule de la tva et ttc du materiel
		ttc_materiel=ht_materiel*1.196;
		tva_materiel=ttc_materiel-ht_materiel;
	} else {
		//calcule de la tva et ht du materiel
		ht_materiel=ttc_materiel/1.196;
		tva_materiel=ttc_materiel-ht_materiel;
	}
	formulaire.prix_ht_presta.value=(Rond(ht,2));
	formulaire.prix_ttc_presta.value=(Rond(ttc,2));
	formulaire.prix_tva_presta.value=(Rond(tva,2));
	formulaire.prix_ttc_materiel.value=(Rond(ttc_materiel,2));
	formulaire.prix_tva_materiel.value=(Rond(tva_materiel,2));
	formulaire.prix_ht_materiel.value=(Rond(ht_materiel,2));
 
	// calculte des totaux
	ht_total=ht+ht_materiel;
	tva_total=tva+tva_materiel;
	ttc_total=ttc+ttc_materiel;
 
	formulaire.prix_ht_total.value=(Rond(ht_total,2));
	formulaire.prix_tva_total.value=(Rond(tva_total,2));
	formulaire.prix_ttc_total.value=(Rond(ttc_total,2));
 
}
var str1 = 0;
function AddRow(){
	str1 ++;
    var newRow = document.getElementById('table_matos').insertRow(-1);
    var newCell = newRow.insertCell(0);
    newCell.innerHTML = '<input type=\"text\" size=\"54\" name=\"descriptif_matos_'+str1+'\" />';
    newCell = newRow.insertCell(1);
    newCell.innerHTML = '<input type=\"text\" size=\"1\" name=\"quantitee_matos_'+str1+'\" />';
   	newCell = newRow.insertCell(2);
    newCell.innerHTML = '<input type=\"text\" size=\"12\" name=\"prix_ht_unitaire_matos_'+str1+'\"/>';
	newCell = newRow.insertCell(3);
    newCell.innerHTML = '<input type=\"hidden\" name=\"nb_materiel\" size=\"2\" value=\"'+str1+'\"/>'+str1+'';
}
function calcul_materiel(formulaire){
	ht_materiel=0;
	for(c=1;c<=str1 ;c++){
		ht_materiel+=formulaire.elements["quantitee_matos_"+c]*formulaire.elements["prix_ht_unitaire_matos_"+c];
	}
	return ht_materiel;
	formulaire.prix_ht_materiel.value=(Rond(ht_materiel,2));
}