Exploiter le DOM en JavaScript Résolu

Question

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 : function CAC_Montant(nomFormulaire) { var montant = 0; var res = 0; var f = document.getElementById(nomFormulaire); var longueur = f.length; for(var i=0; i

1215725

X

4401

13596932

29/10/2012

75.00

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.

Alain_42 · Answer

essaie en passant par childNodes (il faudra peut être descendre de deux niveaux tr->td->div ??

Mallik-Macif · Answer

Merci d'avoir répondu =)

Je me suis renseigner sur le childNodes, j'ai donc tester avec le premier niveau puis en descendent au second niveau, mais la réponse est toujours la même 
: 8 a la valeur null ou n'est pas un objet.

Je crois bien avoir tout essayer mais impossible d'atteindre ce deuxième niveau pour accéder aux div :/ 

Et quand j'essaie avec plusieurs getElementsByTagName j'ai également une erreur :  cet objet ne gère pas cette propriété ou méthode

Voici plusieurs de mes test :


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");

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");
		// res = div[8].getAttribute("title");
	
		//var fils2 = fils.childNodes;
		//res = parseFloat(fils[i].childNodes[8].getAttribute("title"));


var fils = f.elements[i].childNodes;
		var fils2 = fils.childNodes;
	  res = parseFloat(fils2[8].getAttribute("title"));
		alert(res);
	 	// res = parseFloat(fils2[8].getAttribute("title"));
	              montant1 = res + montant1;
       }
 	}
}
alert(montant1);
return(montant1)
}

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 =)

Alain_42 · Answer

var fils2 = fils.childNodes; res = parseFloat(fils2[8].getAttribute("title")); en deuxième niveau les fils de tu n' a qu'un seul

essaie: res = parseFloat(fils2[0].getAttribute("title"));

Mallik-Macif · Answer

Exact ! C'est au niveau des TR que j'ai plusieurs div, petite erreur =) 

J'ai essayer avec fils2[0] et toujours cette même réponse, 0 a la valeur null ou n'est pas un objet.  :/

Je continu de tenter des choses sur cette voie !

Alain_42 · Answer

avec childNodes j'ai pas réussi, car les div n'ont pas l'air d'être les fils des td ??? avec cette solution ça marche: (j'ai bidouillé ton code pour pouvoir tester)

Mallik-Macif · Answer

Ca fontionnnee!!! 
Merci beaucoup d'avoir prit du temps pour résoudre mon problème ! 
Je suis bloquer dessus depuis jeudi je commençais à abandonner ! 
Effectivement les checkbox / tr / td et div ne doivent pas être en relation :/
Bien joué en tout cas, j'ai posté sur différent forum et tu es le seul à avoir apporté une bonne réponse ! 
J'ai regarder ton code et je pense pas avoir réussi à faire ça tout seul, mais je l'ai compris ! :)
Je marque le post comme résolu et merci encore d'avoir prit le temps de me répondre :)

Exploiter le DOM en JavaScript

6 réponses

Discussions similaires

Newsletters