Discussion :

[Mallik-Macif]

Bonjour à tous, je viens de commencer à apprendre le JavaScript dans le cadre de mon stage, je rencontre donc quelques difficultés...
J'aimerais récupérer la valeur d'une case à cocher, par le code source HTLM...

Ma fonction JavaScript :

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
function CAC_Montant(nomFormulaire) 
{ 
var montant = 0;
var res = 0;
var f = document.getElementById(nomFormulaire);
var longueur = f.length;
 
for(var i=0; i<longueur; i++)
{
      if(f.elements[i].checked){
       {    
  res = parseFloat(f.getElementsByTagName('div')[8].getAttribute("title"));
            montant = res + montant;
       }
     }
}
return(montant)
}

Un tr du code HTML :

Code html :

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
<tr id='taListeEncaissementsNonRapprLigne0' onclick='setLnActTb(this.id,"TbLnPr")' style='cursor:default;' class='TbLnPr' onmouseover='this.className="TbLnOv"' onmouseout='this.className="TbLnPr"'>
<td width=30 align='center'><input type='checkbox' id='cptTableSelecttaListeEncaissementsNonRappr_0' name='cptTableSelecttaListeEncaissementsNonRappr[]' value='1215725' onclick='setCptSltLstChbx("taListeEncaissementsNonRappr","cptTableSelecttaListeEncaissementsNonRappr[]")'>
</td>
<td align='center' style='width:15%' onclick=''>
<div class='celluleTable' title='1215725'>1215725</div>
</td>
<td align='center' style='width:10%' onclick=''>
<div class='celluleTable' title='X'>X</div>
</td>
<td align='center' style='width:15%' onclick=''>
<div class='celluleTable' title='4401'>4401</div>
</td>
<td align='center' style='width:15%' onclick=''>
<div class='celluleTable' title='13596932'>13596932</div>
</td>
<td align='center' style='width:15%' onclick=''>
<div class='celluleTable' title='29/10/2012'>29/10/2012</div>
</td>
<td align='center' style='width:15%' onclick=''>
<div class='celluleTable' title='29/10/2012'>29/10/2012</div>
</td>
<td align='center' style='width:15%' onclick=''>
<div class='celluleTable' title='75.00'>75.00</div>
</td>
</tr>

Ma fonction me retourne donc 75 à chaque fois... Et c'est normal car le ' res ' de ma fonction renvoie toujours le 8eme div.... Je n'arrive pas à partir du TR courant, afin de lui dire de ne regarder que les DIV qui s'y trouvent !

Si quelqu'un pouvait donc m'aider =)
Cordialement, Mallik.

[Bovino]

le ' res ' de ma fonction renvoie toujours le 8eme div....

J'imagine que c'est parce que c'est précisément ce que tu demandes...

Code :

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

res = parseFloat(f.getElementsByTagName('div')[8].getAttribute("title"));

[Mallik-Macif]

C'est bien ça mon problème =)
Je voudrais renvoyer le 8eme div du TR qui correspond à la case qui a été cochée, pas le 8ieme DIV de la page !
J'arrive à savoir avec ma fonction si une case a été cochée, mais je n'arrive pas à récupérer le montant qui correspond a sa ligne.
Si dans mon tableau, la case de la 5ième ligne a été cochée, je voudrais prendre le montant de cette ligne, donc le div du 5ieme TD, pas le 8ieme DIV de ma page

[Mallik-Macif]

Toutes ces tentatives me renvoi une erreur. Et quand j'arrive à accéder au title de mon div, c'est seulement au 8eme de la page, jamais sur mon tr courant
Désolé pour le code en vrac, mais si ça peut inspirer autant le mettre =)
( rien ne marche du code si dessous, ce sont juste des tentatives )

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
function CAC_Montant(nomFormulaire) 
{ 
var montant1 = 0;
var obj;
var res = 0;
var f = document.getElementById(nomFormulaire);
var longueur = f.length;
var montantReleve;
var td = f.getElementsByTagName("td");
// montantReleve = f.getElementsByTagName('cptrapproIdReleveBancaire').getAttribute("value");
// var div = f.getElementsByTagName("div");
 
for(var i=0; i<longueur; i++)
{
 
      	if(f.elements[i].checked){
       	//obj = f.getElementsByTagName('td')[i];
    	//res = document.getElementById('taListeEncaissementsNonRapprLigne'+[i].getAttribute("class");
		//alert(res);
		//res = parseFloat(f.getElementsByTagName('div')[8].getAttribute("title"));
		//.getElementsByTagName('div')[5].getAttribute("title"));
        //alert(res);
 
		//var fils = f.childNodes;
		//var nbFils = fils.length;
 
		//for(var i = 0; i < nbFils; i++){
  		//document(fils[i]);
		//}
		var div = td[i].getElementsByTagName("div");
	 	alert("Variable div : " + div);
		//res = div[8].getAttribute("title");
 
		//var fils2 = fils.childNodes;
		//res = parseFloat(fils[i].childNodes[8].getAttribute("title"));
		//res = Number(fils2[8].getAttribute("title"));
	 	//res = parseFloat(fils2[8].getAttribute("title"));
 
		//for (var i=0; i < div.length; i++)
		//{
		//div[i].style.display="block";
		//alert("O");
		//}
	 	var test = document.getElementsByTagName('div').item(0).nodeName;
	 	alert("Variable test : " + test);
 
var ch_res = ''; 
var col = document.getElementsByName('div');
var taille = col.length;
for (j=0; j<taille; j++){
ch_res = col.item(j);
} 
      alert(ch_res);
 
		var fils = f.elements[i].childNodes;
		var fils2 = fils.nodeValue;
		alert("Variable fils 2 : " + fils2);
		//res = parseFloat(fils.getAttribute("title"));
	 	//alert(res);
	 	//montant1 = res + montant1;
       }
}
alert("Montant : " + montant1);
return(montant1)
}

[Mallik-Macif]

Bon bah je me suis répondu x) Si ça peut en aider certain :

Le problème était qu'il n'y avais pas de lien entre les checkbox / tr / td / div,
aucun d'eux n'étaient fils ou mère... Donc impossible de passer par les childNodes

Voici le code finale de ma fonction :

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
 
function CAC_Montant(nomFormulaire) 
{ 
	var montant1 = 0;
	var obj;
	var res = 0;
	var f = document.getElementById(nomFormulaire);
	var bool = false;
	var longueur = f.length;
	var montantReleve;
	// On récupère le montant du relevé pour le comparer 
	montantReleve = f.montantReleve.value;
	for(var i=0; i<longueur; i++)	{
	// On prend toutes les cases cochées
		  if(f.elements[i].checked)
		   {
		   	var id_case=f.elements[i].id;
			var array_n_id=id_case.split('_');
			var n_id=array_n_id[1];
			var element_tr=document.getElementById('taListeEncaissementsNonRapprLigne'+n_id);
			var cel = element_tr.getElementsByTagName("td")[7];
			var element_div = cel.getElementsByTagName("div")[0];
			var res = Number(element_div.getAttribute('title'));
 
		    montant1 = res + montant1;
		}
	}
	if(montant1 == montantReleve)
	{
	bool = true;
	}
	return(bool);
}

Bonne journée à tous.

[Kaamo]

j'allais exactement te dire ça. Bravo pour avoir trouvé seul.
Une petite simplification qui m'a piqué les yeux

Code :

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

1
2
3
4
5
if(montant1 == montantReleve)
{
bool = true;
}
return(bool);

Peut simplement s'écrire :

Code :

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

return montant1 == montantReleve;