Bonjour, j'ai un petit soucis avec un tableau dans lequel je souhaite modifier la couleur de chaque ligne au survole de la souris.
J'ai créer mon code cependant je dois incrementer un numéro pour chaque <tr> (1,2,3,4,etc.....)
Le probleme c'est que comme le $row se repete 3 fois sur le <tr> le MouseOverRow ne reconnais pas la ligne sur laquel il doit modifier la couleur.
Et normalement le $row devrait rendre le code suivant:
Code : 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 $resultat=mysql_query($sql); $row = 0; $i = 0; while($ligne=mysql_fetch_assoc($resultat)){ $color = ++$i % 2 ? '#F7F7F7':'#FFFFFF'; echo " <tr class='dg_tr' style='background-color: $color;' id='row_".$row ++."' onmouseover=\"onMouseOverRow('','".$row ++."','#fdfde7', '#f9f9e3');\" onmouseout=\"onMouseOutRow('','".$row ++."','$color','#fdfde7');\" > <td>.......</td>"; ?> </tr> <?php } ?>
Or il me rend le code suivant:
Code : 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 <tr class='dg_tr' style='background-color: #F7F7F7;' id='row_0' onmouseover="onMouseOverRow('','0','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','0','#F7F7F7','#fdfde7');" > <td></td> </tr> <tr class='dg_tr' style='background-color: #FFFFFF;' id='row_1' onmouseover="onMouseOverRow('','1','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','1','#FFFFFF','#fdfde7');" > <td>.....</td> </tr> <tr class='dg_tr' style='background-color: #F7F7F7;' id='row_2' onmouseover="onMouseOverRow('','2','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','2','#F7F7F7','#fdfde7');" > <td>.....</td> </tr> <tr class='dg_tr' style='background-color: #FFFFFF;' id='row_3' onmouseover="onMouseOverRow('','3','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','3','#FFFFFF','#fdfde7');" > <td>.....</td> </tr>
Comment faire pour que $row s'increment de 1que lorsqu'il passe au <tr> suivant?
Code : 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 <tr class='dg_tr' style='background-color: #F7F7F7;' id='row_0' onmouseover="onMouseOverRow('','1','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','2','#F7F7F7','#fdfde7');" > <td>.....</td> </tr> <tr class='dg_tr' style='background-color: #FFFFFF;' id='row_3' onmouseover="onMouseOverRow('','4','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','5','#FFFFFF','#fdfde7');" > <td>.....</td> </tr> <tr class='dg_tr' style='background-color: #F7F7F7;' id='row_6' onmouseover="onMouseOverRow('','7','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','8','#F7F7F7','#fdfde7');" > <td>.....</td> </tr> <tr class='dg_tr' style='background-color: #FFFFFF;' id='row_9' onmouseover="onMouseOverRow('','10','#fdfde7', '#f9f9e3');" onmouseout="onMouseOutRow('','11','#FFFFFF','#fdfde7');" > <td>.....</td> </tr>
Partager