Discussion :

[italiasky]

Bonjour,

Jusqu'a present j'avais qu'un seul table sur lequel j'appliquais un style lors du hover sur tr pour surligner les lignes.

J'ai rajoute un deuxieme tableau qui est en fait lie semantiquement au premier, et j'aimerais donc que lorsque je survol la ligne x du tableau 1, la ligne x du tableau 2 soit aussi surlignee...

Voici mon code pour surligner les lignes d'un tableau:

Code :

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

1
2
3
4
5
6
 
$("tr").filter(function() { return $(this).parents("#content").length && $('td', this).length && !$('table', this).length && !($(this).parents("table table").length) })
    .hover(
        function() { $(this).addClass("highlight"); },
        function() { $(this).removeClass("highlight"); }
    );

Est-ce qu'il y a un moyen simple de faire ca ou il faut que je "bidouille" un peu ?

Merci
a+

[sayari.dev]

Voilà

Code :

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

1
2
3
4
5
6
7
$('tableau1 tr').each(function(e, f){
          $(f).hover(
               function() { $('table2 tr:nth-child(' + (e + 1) + ')').addClass("highlight"); },
               function() { $('table2 tr:nth-child(' + (e + 1) + ')').removeClass("highlight"); }
 
          );
});

[italiasky]

merci ca a l'air de fonctionner a quelque choses pres...

Avec le +1 ca s'appliquait a la ligne suivante dans le tableau 2.
Donc j'ai mis que "e" et la ca va sauf lorsque je suis sur le premiere ligne de mon tbody, mon entete thead de l'autre tableau est pris en compte, comment ca se fait ?

[Edit 22:42]
Ca a l'air d'etre bon, j'ai rajoute des filter

Merci