Changer les couleurs dans table HTML

Version imprimable

11/03/2010, 11h13
malabarbe

Changer les couleurs dans table HTML

Bonjour à tous,

Je voudrais que toutes les 5 lignes de ma table,
la couleur du TD change.

5 lignes en bleu
5 lignes en jaune
...

( c'est une boucle qui remplit la table a partir d'une base MYSQL )
11/03/2010, 11h17
Fench

Bonjour,

Tu fais cela avec 2 variables: 1 qui compte tous les 5 et l'autre qui contient la dernière couleur utilisée (par ex si elle contient bleu elle passera jaune etc ...)
11/03/2010, 11h21
andry.aime

Bonjour
Dans le boucle de l'affichage (while), tu utilises un compteurs et calcules le reste de la division par 5 ensuite tu modifies la couleur si c'est égale à 0.
11/03/2010, 11h28
malabarbe

Oui, j'ai déjà la variable qui compte jusqu'a 5 lignes,

Et, c'est là que ça coince, je ne sait pas comment
faire pour inverser les couleurs.
11/03/2010, 11h30
Fench

Et bien comme je t'ai dis ...

Voilà par ex la boucle:

$coul = 'bleu'

Debut boucle
Au bout des 5 faire:
Si $coul == 'bleu' alors 'jaune' else 'bleu' etc ....

Fin boucle

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$couleur = array("#00000","#333333","#555555");
$i=0;
$j=-1;
while($rows=mysql_fetch_array($result))
{
if(($i%5)==0)
{
  $j++;
  $couleurLigne=$couleur[$j];
}
echo '<tr style="backgroudColor='.$couleurLigne.'"><td>'.$rows[0].'</td></tr>';
$i++
}

Cela ne va pas

Code:

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
26
27
28
29
30
31
32
33
34
35
 
<table id="T_DATA2" align="center" border="1" style="font-family:Times New Roman; position:absolute; 
 top:0px; left:0px; font-size:10px; border-collapse:collapse; style="height:316px;">
 
<?PHP
$coul1 = 'bgcolor="#FFFFD9"';
$coul2 = 'bgcolor="#E3FAC5"'; 
$coul = $coul2;
 
$nc_lig = 0;
for ($i=0; $i< $nb_lig; $i++)
	{
	 if ( $nc_lig < 5 )
		{
		 $nc = $t_imp2[$i];
		 echo '<tr>';
		 echo '<td width="168"'.$coul.'>'.'*'.$t_imp11[$i].'</td>';
		 $nc_lig++;
		 echo '</tr>';
		}
	 else
		{
		 if ( $t_imp2[$i] <> $nc )
		{
		 echo '<td width="168"'.$coul.'>'.'*'.$t_imp11[$i].'</td>';
		 $nc_lig = 1;
if ( $coul = $coul2 ) { $coul = $coul1; }
else { $coul = $coul2; }
 
		 echo '</tr>';
			}
		}
	}
?>
</table>

11/03/2010, 11h57
andry.aime

J'ai fait une erreur

Citation:

echo '<tr style="backgroudColor

Code:

echo '<tr style="backgroundColor

Sur ce tutoriel tu peux voir comment tu peux générer des couleurs dynamiquement si t'en as besoin : http://andry.developpez.com/tutoriel...page_1#LII-C-3.

Code:

1
2
 
if ( $coul == $coul2 ) $coul = $coul1; else $coul = $coul2;

11/03/2010, 12h11
malabarbe
Ok pour :
Code:

1 2 if ( $coul == $coul2 ) $coul = $coul1; else $coul = $coul2;
C'est presque bon sauf que le premier bloc de couleur se
fait sur 6 lignes et fatalement le dernier bloc n'a que 4 lignes
dans la couleur !
11/03/2010, 16h10
Fench
Normal :?

Mets le code pour changer de couleur avant la ligne:
Code:

1 2 echo '<td width="168"'.$coul.'>'.'*'.$t_imp11[$i].'</td>';
11/03/2010, 17h58
malabarbe

Ok, cela fonctionne.

Merci pour les conseils.

@ +