Discussion :

[Budy123]

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.

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		
}
?>

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
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>

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('','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>

Comment faire pour que $row s'increment de 1que lorsqu'il passe au <tr> suivant?

[Invité]

Bonsoir,
as-tu entendu parlé de la propriété CSS :hover ?

Ou encore de col et colgroup : Les tableaux (XHTML & CSS)

[Budy123]

Oui, mais en faite je viens de trouver la solution à mon probleme.

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
 
$resultat=mysql_query($sql);
$row = 0;
$i = 0;
 while($ligne=mysql_fetch_assoc($resultat)){
  $color = ++$i % 2 ? '#F7F7F7':'#FFFFFF';
  $Num = ++$row;
echo "
<tr class='dg_tr' style='background-color: $color;'  id='row_$Num'  
onmouseover=\"onMouseOverRow('','$Num','#fdfde7', '#f9f9e3');\"
onmouseout=\"onMouseOutRow('','$Num','$color','#fdfde7');\" >
<td></td>"; 
?>
</tr>	
<?php		
}
?>

Merci