Discussion :

[WalidNat]

Bonjour,

comme l'indique assez clairement le titre, je dois parcourir une balise <tr> en javascript afin de supprimer ses enfants si elle en a.
Je vous explique quand même plus globalement mon projet : il s'agit d'un tableau de compétences (notées de 1 à 4 en verticale) concernant des élèves (chaque ligne = 1 élève). Le but étant de reproduire un peu le comportement de boutons radio mais à l'intérieur du tableau. Je vous fourni mon code qui ne fonctionne pas, je crois que je vais le retaper à l'aide des sélecteurs de jquery, ca sera bcp plus simple.

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
function toggleCompetence(cell) {
	var checked = null;
	var source = null;
	var eleve = cell.parentNode.attributes[0].nodeValue;
	var niveau = cell.attributes[1].nodeValue;
	var competence = document.getElementById("competence").attributes[0].nodeValue.substr(35, 1);
	var ligne = cell.parentNode; //récupère l'objet TR, contient donc 5 TD
 
	for (var i=5; i<=ligne.childNodes.length; i+=2) { //on commence après la ligne d'en tête et son enfant #text
		if(ligne.childNodes[i].childNodes.length>0) {
			alert(i+" / hasChildNodes");
		} else {//on coche l'actuelle
			if (ajaxToggleCompetence(eleve, niveau, "add", competence)) {
				source = document.createAttribute("src");
					source.nodeValue = "img/point_"+niveau+".gif";
				checked = document.createElement('img');
					checked.setAttributeNode(source);
				cell.appendChild(checked);
			}
		}
	}
}

Merci de votre aide en tout cas

[E.Bzz]

Bonjour,

comme l'indique assez clairement le titre, je dois parcourir une balise <tr> en javascript afin de supprimer ses enfants si elle en a.

je comprends bien la question, et comme souvent, la FAQ a la réponse
(couplé à getElementsByTagName('tr') pour la boucle)

Ce qui m'inquiète plus, c'est que tu souhaites supprimer les <td> de certaines lignes
La structure de ton tableau risque d'en prendre un méchant coup

=> supprime plutôt les <tr>, cela n'aura pas d'impact sur la structure globale de ta table ...

A+

[WalidNat]

Oups je me suis mal exprimé.

Tout d'abord j'ai consulté cette FAQ mais le code ne répond qu'a une partie de ce que je veux faire.
En fait c'est assez compliqué a décrire, mais je vais réessayer
J'ai un tableau avec plein de lignes (mes élèves). Chaque élève doit avoir un niveau dans une compétence donnée. Par exemple, tartempion doit être évalué sur la compétence "travailler en équipe" (qui est le titre de mon tableau"). Son prof va donc devoir lui sélectionner un niveau (Acquis, Peu Acquis, Pas acquis etc ...)
J'ai donc fait un tableau ou j'ai ces niveaux en colonnes, et les élèves en ligne.
Ce que je voudrais faire, c'est que lorsque je choisi un niveau pour un élève le code vérifie qu'il n'y en ai pas déjà un d'attribué. Si c'est le cas il le supprime et il active le niveau nouvellement sélectionné par le prof.

Par conséquent, j'ai pensé a ceci :

1. Récupérer la cellule du tableau sélectionnée
2. récupérer le niveau (donc la colonne) correspondant a cette cellule
3. récupérer l'élève (la ligne)
4. Dans cette ligne <TR>, parcourir mes balises <TD>
5. vérifier si ces dernieres n'ont pas d'enfant (des images indiquant que la compétence est cochée)
6. supprimer le cas échéant
7. enfin rajouter un enfant dans le TD sélectionné pour montrer que c'est cette compétence qui a été choisie

[javatwister]

salut,

Tu peux donner un aperçu de ton tableau? Juste pour voir comment tu sélectionnes un "niveau" (option cochée? clic sur icône? liste?);

de plus, je ne sais pas pourquoi tu "ajoutes un td pour signaler la sélection";