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

**Enomahus** · 19/12/2013, 11h48

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.

**SpaceFrog** · 19/12/2013, 13h41

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

**le_chomeur** · 19/12/2013, 14h37

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/

**NoSmoking** · 19/12/2013, 19h46

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 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
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?

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

JavaScript

Discussions similaires

Partager

Partager