Exploitation du DOM avec JavaScript

Exploitation du DOM avec JavaScript - Divers - Programmation

Marsh Posté le 13-03-2013 à 09:04:08    

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 :
  1. function CAC_Montant(nomFormulaire)
  2. {
  3. var montant = 0;
  4. var res = 0;
  5. var f = document.getElementById(nomFormulaire);
  6. var longueur = f.length;
  8. for(var i=0; i<longueur; i++)
  9. {
  10.       if(f.elements[i].checked){
  11.        {   
  12.   res = parseFloat(f.getElementsByTagName('div')[8].getAttribute("title" ));
  13.             montant = res + montant;
  14.        }
  15.      }
  16. }
  17. return(montant)
  18. }


 
 
 
Un tr du code HTML
 
 

Code :
  1. <tr id='taListeEncaissementsNonRapprLigne0' onclick='setLnActTb(this.id,"TbLnPr" )' style='cursor:default;' class='TbLnPr' onmouseover='this.className="TbLnOv"' onmouseout='this.className="TbLnPr"'>
  2. <td width=30 align='center'><input type='checkbox' id='cptTableSelecttaListeEncaissementsNonRappr_0' name='cptTableSelecttaListeEncaissementsNonRappr[]' value='1215725' onclick='setCptSltLstChbx("taListeEncaissementsNonRappr","cptTableSelecttaListeEncaissementsNonRappr[]" )'>
  3. </td>
  4. <td align='center' style='width:15%' onclick=''>
  5. <div class='celluleTable' title='1215725'>1215725</div>
  6. </td>
  7. <td align='center' style='width:10%' onclick=''>
  8. <div class='celluleTable' title='X'>X</div>
  9. </td>
  10. <td align='center' style='width:15%' onclick=''>
  11. <div class='celluleTable' title='4401'>4401</div>
  12. </td>
  13. <td align='center' style='width:15%' onclick=''>
  14. <div class='celluleTable' title='13596932'>13596932</div>
  15. </td>
  16. <td align='center' style='width:15%' onclick=''>
  17. <div class='celluleTable' title='29/10/2012'>29/10/2012</div>
  18. </td>
  19. <td align='center' style='width:15%' onclick=''>
  20. <div class='celluleTable' title='29/10/2012'>29/10/2012</div>
  21. </td>
  22. <td align='center' style='width:15%' onclick=''>
  23. <div class='celluleTable' title='75.00'>75.00</div>
  24. </td>
  25. </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 !
Autrement dit :  
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 :/
 
Si quelqu'un pouvait donc m'aider =)
 
Voilà tout ce que j'ai tester à présent, et toutes les pistes sur lesquelles j'ai été amener, si cela inspire quelqu'un =)
( rien ne marche dans le code si dessous, où alors je l'exploite mal... )
 

Code :
  1. function CAC_Montant(nomFormulaire)
  2. {
  3. var montant1 = 0;
  4. var obj;
  5. var res = 0;
  6. var f = document.getElementById(nomFormulaire);
  7. var longueur = f.length;
  8. var montantReleve;
  9. var td = f.getElementsByTagName("td" );
  10. // montantReleve = f.getElementsByTagName('cptrapproIdReleveBancaire').getAttribute("value" );
  11. // var div = f.getElementsByTagName("div" );
  13. for(var i=0; i<longueur; i++)
  14. {
  16.        if(f.elements[i].checked){
  17.         //obj = f.getElementsByTagName('td')[i];
  18.      //res = document.getElementById('taListeEncaissementsNonRapprLigne'+[i].getAttribute("class" );
  19.  //alert(res);
  20.  //res = parseFloat(f.getElementsByTagName('div')[8].getAttribute("title" ));
  21.  //.getElementsByTagName('div')[5].getAttribute("title" ));
  22.         //alert(res);
  23.            
  24.  //var fils = f.childNodes;
  25.  //var nbFils = fils.length;
  27.  //for(var i = 0; i < nbFils; i++){
  28.     //document(fils[i]);
  29.  //}
  30.  var div = td[i].getElementsByTagName("div" );
  31.   alert("Variable div : " + div);
  32.  //res = div[8].getAttribute("title" );
  34.  //var fils2 = fils.childNodes;
  35.  //res = parseFloat(fils[i].childNodes[8].getAttribute("title" ));
  36.  //res = Number(fils2[8].getAttribute("title" ));
  37.   //res = parseFloat(fils2[8].getAttribute("title" ));
  39.  //for (var i=0; i < div.length; i++)
  40.  //{
  41.  //div[i].style.display="block";
  42.  //alert("O" );
  43.  //}
  44.   var test = document.getElementsByTagName('div').item(0).nodeName;
  45.   alert("Variable test : " + test);
  47. var ch_res = '';
  48. var col = document.getElementsByName('div');
  49. var taille = col.length;
  50. for (j=0; j<taille; j++){
  51. ch_res = col.item(j);
  52. }
  53.       alert(ch_res);
  54.      
  55.  var fils = f.elements[i].childNodes;
  56.  var fils2 = fils.nodeValue;
  57.  alert("Variable fils 2 : " + fils2);
  58.  //res = parseFloat(fils.getAttribute("title" ));
  59.   //alert(res);
  60.   //montant1 = res + montant1;
  61.        }
  62. }
  63. alert("Montant : " + montant1);
  64. return(montant1)
  65. }


 
Cordialement, Mallik.

Reply

Marsh Posté le 13-03-2013 à 09:04:08   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed