Additionner le total des variables javascript et l'afficher dans zone de texte

Version imprimable

06/09/2006, 15h17
beegees

Additionner le total des variables javascript et l'afficher dans zone de texte

Bonjour tout le monde,

J'ai un formulaire qui contient entre autre une zone de texte nommée txtTotalECTS.

Code:

<input name="txtTotalECTS" type="text" id="txtTotalECTS" value="">

J'ai aussi des variables javascript contenant des chiffres :

c_val1
c_val2
c_val3
c_val4

Chacune de ces varialbes sont alimentées après le clic sur une checkbox.

Par exemple je clique sur cb1, c_val1 obtient 1.5....

chacune de ces variables se trouvent dans une balise script <script> </script> différente.

Est-il possible de faire le total des valeurs de ces variables dans la zone de texte txtTotalECTS ?

Ce qui m'inquiète le plus, c'est qu'ils sont dans des balises <script> différentes.

Je devrais avoir le total en temps réel, c'est à dire lors du clic sur le check box mais il faudrait aussi retirer le chiffre si on décohe.

Pensez-vous que c'est possible de faire cela ?

Merci d'avance pour votre aide.

bgs
06/09/2006, 15h21
Hug0_76

Salut,

eheh!
Comme on se retrouve!
Ben le principe est simple Bgs, il te suffit de récupérer les variables de tes champs puis de les additionner!
Peu etre qu'il faille les convertir en entier, mais au pire tu fais (int) variable.
Une petite addition et tu modifies la value de ton totalECTS ;)
06/09/2006, 16h03
beegees
Salut Mister,

J'ai pensé à la même algorithme que toi mais j'ai tellement peur de tout bousiller le code javascript que je préfèrais demander avant.

Ce que je devrais donc faire, c'est dans cette partie du code :
Code:

1 2 if(cCI1TH.checked) { // On test si la checkbox est coché c_val.value = credits[s.options[s.selectedIndex].value];
appeler une fonction du genre total()
Code:

1 2 3 4 function total() var totalECTS totalECTS = cCI1TH + cCI1TP + cCI1EX + cCI2TH + cCI2TP + cCI2EX...
tu crois que ça fonctionner comme ça ?

Je vais tenter le coup.

Il faudra aussi que je pense à supprimer la valeur quand on décoche et aussi afficher la valeur de totalECTS dans la zone de texte.

Qu'en penses-tu ?

Merci

bgs
06/09/2006, 16h42
Hug0_76

hum, je ne me souviens plus de trop de ce que j'avais mis,
mais si tes variables (cCI1TH + cCI1TP + cCI1EX + cCI2TH + cCI2TP + cCI2EX) sont des champs où tu peux récupérer une valeur, n'oublie pas le value ;)!
Tente un bout de code et au pire si ca ne marche pas, joint le (ou envoie par mail)!

Voilà j'ai commencé par créer une nouvelle variable, j'y met la valeur de la case à case à cocher et ensutie je donne la valeur de la nouvelle variable à txtTotalECTS (qui est le nom de ma zone de texte) mais il me dit "undifined"

Voici le code, ce n'est qu'un début :
Code:

1 2 3 4 5 6 7 if(cCI1TH.checked) { // On test si la checkbox est coché cCI1TH_val.value = credits[s.options[s.selectedIndex].value]; // Puis on met à jour le input text en récupèrant la valeur de la matière selectionné et en allant cherché le nombre de crédits ECTS dans le tableau credits //alert(cCI1TH_val.value); ECTSCITH = cCI1TH_val.value; alert(ECTSCITH); document.form1.txtTotalECTS.value = ECTSCITH.value document.form1.hfCI1TH.value=cCI1TH_val.value;
qu'en penses-tu ?

Merci
bgs

07/09/2006, 09h35
Hug0_76

Salut, beegees!

Est ce que tu pourrais m'envoyer ton code par mail, ca sera plus simple pour lire :p!
07/09/2006, 10h14
beegees

Salut Hug0_76,

Merci pour ton message.

Comment fais-ton pour t'envoyer un email ?

Via MP ?

bgs
07/09/2006, 10h17
Hug0_76

hum, non tiens envoie à cette adresse : hugo.romanicortes@gmail.com

Salut, beeges

Bon voila c'est résolu ton problème de somme!
Mais dis donc qu'est ce que tu as comme JS dans ta page!
Je t'ai envoyé ca par mail ;)!
Mais sinon voici tout simplement ta fonction somme :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function somme() {
		/** Variables permettant la récupération des valeurs */
		var th_ects1,th_ects2,th_ects3,th_ects4;
		var tp_etcs1,tp_etcs2,tp_etcs3,tp_etcs4;
		var total;  // Correspond à ton champ txtTotalECTS
 
		// Ici on récupère tous nos champs 
		th_ects1 = (document.getElementById("ECTSCI1TH").value != "" && document.getElementById("ECTSCI1TH").value != "undefined")?parseInt(document.getElementById("ECTSCI1TH").value):0;
		th_ects2 = (document.getElementById("ECTSCI2TH").value != "" && document.getElementById("ECTSCI2TH").value != "undefined")?parseInt(document.getElementById("ECTSCI2TH").value):0;
		th_ects3 = (document.getElementById("ECTSCI3TH").value != "" && document.getElementById("ECTSCI3TH").value != "undefined")?parseInt(document.getElementById("ECTSCI3TH").value):0;
		th_ects4 = (document.getElementById("ECTSCI4TH").value != "" && document.getElementById("ECTSCI4TH").value != "undefined")?parseInt(document.getElementById("ECTSCI4TH").value):0;
		tp_etcs1 = (document.getElementById("ECTSCI1TP").value != "" && document.getElementById("ECTSCI1TP").value != "undefined")?parseInt(document.getElementById("ECTSCI1TP").value):0;
		tp_etcs2 = (document.getElementById("ECTSCI2TP").value != "" && document.getElementById("ECTSCI2TP").value != "undefined")?parseInt(document.getElementById("ECTSCI2TP").value):0;
		tp_etcs3 = (document.getElementById("ECTSCI3TP").value != "" && document.getElementById("ECTSCI3TP").value != "undefined")?parseInt(document.getElementById("ECTSCI3TP").value):0;
		tp_etcs4 = (document.getElementById("ECTSCI4TP").value != "" && document.getElementById("ECTSCI4TP").value != "undefined")?parseInt(document.getElementById("ECTSCI4TP").value):0;
 
		total = document.getElementById("txtTotalECTS");
		total.value = th_ects1+th_ects2+th_ects3+th_ects4+tp_etcs1+tp_etcs2+tp_etcs3+tp_etcs4;
 
	}