Discussion :

[clavier12AZQSWX]

bonjour,

je voudrais manipuler un tableau dont je connais QUE l'ID et le nombre de colonnes mais pas le nombre de ligne.

est-ce que c'est possible de le faire en javascript/DOM ? est-ce plus simple (moins gourmant en ressource) en javascript pur ou plutôt qu'en jquery ? sachant que le code servira qu'à une seule page.

En fait sur un tableau, j'ai besoin d'appliquer un traitement qui s'apparente à l'inverse de tetris : au lieu de pousser les contenus vers le bas, je dois les remonter vers le haut.
En une phrase : pour chaque cellule, je regarde si la cellule du dessus est vide, si oui, alors je monte le contenu dedans.
(ça sous-entend donc que mon algo par de la ligne du bas et remonte).

Avant de commencer une moulinette, je me dis que peut-être il existe déjà une librairie JS qui permet de "trier" un tableau comme ça ?

merci de votre aide

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$lignes=document.getElementById('trumachinbidule').getElementsByTagName('tr')
//ou document.querySelector("#id tr");
var i=-i;
while ($lignes[++i]) {
//la ligne existe
}

[clavier12AZQSWX]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var i=-i;

c'est correct ça ? sans même une initialisation ?

[Doksuri]

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
<table id="tableTest">
<tr>
  <td>l1c1</td>
  <td>l1c2</td>
</tr>
<tr>
  <td>l2c1</td>
  <td>l2c2</td>
</tr>
<tr>
  <td>l3c1</td>
  <td>l3c2</td>
</tr>
</table>

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
const allLines = document.querySelectorAll('#tableTest tr');
document.querySelectorAll('#tableTest tr:not(:first-of-type)').forEach((ligne, i) => {
	ligne.style.backgroundColor = 'rgba(0,255,0,.2)';
  const previous = allLines[i];
  previous.style.backgroundColor = 'rgba(255,0,0,.2)';
});

[SpaceFrog]

Sans utilisation ?
et ++i ???

[Doksuri]

initialisation

en gros, tu initialises i avec i

[clavier12AZQSWX]

Sans utilisation ?
et ++i ???

le var est à la ligne3 et le i++ à la ligne4

var i=-i ne produit donc aucune erreur si i est null ? c'est parce qu'il y a "var" en déclaratoin avec ?