Comment récupérer l'index d'une ligne sélectionnée de tableau

Version imprimable

19/12/2013, 11h48
Enomahus

Comment récupérer l'index d'une ligne sélectionnée de tableau

Bonjour chers tous,
je suis un débutant en programmation javascript et mon soucis est le suivant:
j'ai créé un tableau qui est remplir avec des infos de la BD par javascript via une boucle.
ensuite un lien est créé à la fin de chaque ligne afin de pouvoir le déplacer dans un autre tableau de la même structure.
la fonction dans le lien prend en paramètre l'indice de la ligne sélectionné pour effectuer le déplacement.
le problème est que j'ai mis en paramètre le rowIndex mais il me ramène l'indice de la dernière ligne du tableau.

merci de bien vouloir m'aider svp.
19/12/2013, 13h41
SpaceFrog

Faut il convoquer les esprits ou lire dans les tripes d'une truite léopard Tibétaine pour voir ton code ???

Bref nous ne sommes pas devins
19/12/2013, 14h37
le_chomeur

Citation:

Envoyé par SpaceFrog

Faut il convoquer les esprits ou lire dans les tripes d'une truite léopard Tibétaine pour voir ton code ???

Bref nous ne sommes pas devins

Spaffy ;-)

Bon c'est bientôt noël, voici un exemple qui illustre a priori ton problème lié a une variable passée en paramètre dans une boucle, il faut utiliser ce que l'on appel une closure, je te laisserais chercher sur DVP :)

http://jsfiddle.net/3CDc7/

Bonjour,
tu peux également lors de la construction de ta ligne récupérer la référence à l'objet TR attendu que tu la crée de toute pièce.

Tu peux aussi remonter l'arbre du DOM jusqu'à l'élément parent TR.
J'ai ce petit exemple qui traine

Code:

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
<!DOCTYPE html>
<html lang="fr">
<html>
<head>
<script type="text/javascript">
function removeLigne( obj){
  var oElem = obj.parentNode;
  while( oElem && oElem.tagName != 'TR'){
    oElem = oElem.parentNode;
  }
  if( oElem){
    alert( 'Ligne à détruire : ' +oElem.rowIndex +'\nparent :' +oElem.parentNode.tagName);
    oElem.parentNode.removeChild( oElem);
 
  }
  else{
    alert( 'le parent n\'est pas une TABLE');
  }
}
</script>
</head>
<body>
<table>
  <tr><td onclick="removeLigne(this)">ligne 1</td></tr>
  <tr><td><div onclick="removeLigne(this)">ligne 2</div></td></tr>
  <tr><td><form><div onclick="removeLigne(this)">ligne 3</div></form></td></tr>
</table>
<div onclick="removeLigne(this)">autre ligne</div>
</body>
</html>

Vive Noël! Noël comment d'ailleurs?