Discussion :

[hotline]

Bonjour,

J'utilise tableau.js http://falola.developpez.com/tutorie...dittable-v1-0/ et sorttable.js http://www.kryogenix.org/code/browser/sorttable/ pour afficher le résultat d'une requête ajax.
Avec une petite modif de tableau.js, j'ajoute la class 'sortable' a la table et une class 'paire' au lignes paires pour leur attribuer une couleur.
Jusque là tout va bien, mais lorsque l'on tri le tableau, le changement de couleur d'une ligne sur deux n' est plus respecté.

L'un de vous aurait-il une solution pour retrouver après chaque tri une mise en couleur des lignes paires...
Je suppose que la meilleur solution est sans doute de modifier sorttable.js pour qu'il supprime les anciennes class 'paires' avant d' ajouter les nouvelles mais cela dépasse mes compétences.

Merci de m'aider un peu.

[DiDieuh]

Si tu veux effectuer un traitement sur chaque de tes lignes, une row à une propriété "rowIndex".

Peut être une piste pour savoir si celle ci est paire ou pas.


DiDi

[hotline]

Merci DiDi,

En fait, mon probleme se situe dans le script sorttable.js.
J'ai modifié makeSortable pour effacer mes class 'paire' en faisant :

Code :

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

1
2
3
4
 
 if (table.rows[i].className.search(/\bpaire\b/) != -1) {
    table.rows[i].className = table.rows[i].className.replace('paire','');
}

Mais maintenant, il faut que je trouve à quel endroit (après le tri) je pourrais faire quelque chose comme :

Code :

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

1
2
3
4
 
for (var i=0; i<table.rows.length; i++) {
    if ((i % 2) == 0) table.rows[i].className = 'paire';
}

Seulement, j'ai du mal à situer la fin du tri dans le script

[RomainVALERI]

Ou éventuellement :

Code :

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

1
2
3
4
 
for (var i = 0, iMax = table.rows.length + 1; i < iMax; i = i + 2) {
    table.rows[i].className = 'paire';
}

Mais que veux-tu dire par :

Seulement, j'ai du mal à situer la fin du tri dans le script

?

[hotline]

Ca y est, j'ai trouvé !

En fait, je savais à peu près quel code ajouter dans le script sorttable.js mais je ne savais pas trop à quel endroit le placer.

Finalement, j'ai simplement ajouté ceci à la fonction appelée lors d'un clic sur l'entete d'une colonne :

Code :

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

1
2
3
4
5
 
for (var i=0; i<rows.length; i++) {
     if (((i-1) % 2) == 0) rows[i].className = 'paire';
     else rows[i].className = '';
}

Et ça marche

[Bovino]

Salut,
Tu te serais moins embêté avec ce script puisque le tri se fait sur le contenu et non sur les lignes, il n'y avait donc rien à changer pour tes classes

[hotline]

Merci Bovino, c'est trop tard pour cette fois, mais je me souviendrais de ton script