Bonjour à tous ;

Quelqu'un peut m'indiquer comment surligner, au survole, 02 lignes au même temps, appartenant à 02 tableaux séparés, en utilisant javascript et onMouseOver / onMouseOut.

L'objectif est d'amener le lecteur à lire dans les 02 lignes au même temps car leur contenu se complète.

le code suivant me permet juste de surligner un des 02 lignes, au passage du curseur, et non les 02 à la fois .

NB:
- la surbrillance doit apparaître quelque soit la ligne survolée dans les 02 tableaux en sachant qu'elle (la ligne) sera toujours dans le même niveau (1,2,3...) que l'autre ligne sur l'autre tableau

j'ai placé une class : surb dans les 02 tableaux
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 border ="1" cellpadding = "7" align = "center" style="font-weight: bold; text-align:center;" class ="surb" >
<tr>
<td><?php echo $queryResult['suplmji']; ?></td>
<td><?php echo $queryResult['infajtmji']; ?></td>
<td><?php echo $queryResult['ajtmji']; ?></td>
<tr>
</table>
<table border ="1" cellpadding = "7" align = "center" style="font-weight: bold; text-align:center;" class ="surb" >
<tr>
<td><?php echo $queryResult['suplmji']; ?></td>
<td><?php echo $queryResult['infajtmji']; ?></td>
<td><?php echo $queryResult['ajtmji']; ?></td>
<tr>
</table>

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
.surb tr:hover {
cursor:pointer;
background:red;
}

Merci d'avance