Alterner la couleur des lignes de mon tableau via un fichier CSS

**SONIA.GERET** · 18/01/2008, 15h31

Bonjour,

Je suis en difficulté, mon code permettant de générer un tableau via une base de donnée fonctionne bien, le seul hic, c'est que je ne trouve pas la solution pour afficher mon tableau avec une variation de la couleur de ces lignes.

Petit aperçu de ma css :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
table.pscp {
	text-align: left;
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #AF2626;
	empty-cells: show;
	font-family: Arial;
}
 
td.entete {
	text-align: center;
	font-family: Arial;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff6600;
}
 
td.libelle {
	text-align: left;
	font-family: Arial;
	font-size: x-small;
	padding: 1px;
	border: 1px solid #ff6600;
	background-color: #DDDDDD;
}
td.libelle1 {
	font-family: Arial;
	font-size: x-small;
	padding: 1px;
	border: 1px solid #ff6600;
	background-color: #CCCCCC;
	}
 
td.principal{
	position: relative;
	font-family: Arial;
	width: 200px;
	text-align: center;
}

Je voudrai donc utiliser le « libelle » 1 et 2 à tour de role.

Voici mon code :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
<html>
 
	<head>
 
	<title>Test création tableau</title>
 
	</head>
 
<body>
 
	<link rel="stylesheet" type="text/css" href="css/tableau.css">
 
		<div class="pscp">
		</div>
 
		<table class="grand" border="1">
			<tr>
					<td class="entete"><FONT size=3><b>Intitulé</b></font><br></td>
					<td class="entete"><FONT size=3><b>Lien</b></font><br></td>
			</tr>
 
<?php
// Déclaration des paramètres de connexion
$host = "localhost";
 
 
 
$user = "****";
 
$bdd = "*****";
 
$passwd  = "****";
 
// Connexion au serveur
mysql_connect($host, $user,$passwd) or die("erreur de connexion au serveur");
 
mysql_select_db($bdd) or die("erreur de connexion a la base de donnees");
 
// Creation et envoi de la requete
$query = "SELECT tableau_lien.tableau_lien_valeur,tableau_lien.tableau_lien_nom,tableau_nom.tableau_nom_valeur FROM tableau_lien,tableau_nom where tableau_lien.tableau_lien_tableau_nom_id=tableau_nom.tableau_nom_id;";
 
$result = mysql_query($query);
 
// Recuperation des resultats
while($row = mysql_fetch_row($result)){
$tableau_lien_valeur = $row[0];
$tableau_lien_nom = $row[1];
 
echo '<tr>
<td class="libelle">'.$tableau_lien_nom.'</td>
<td class="libelle"><a href='.$tableau_lien_valeur.' target="_blank"><img src="fleche_orange.gif" border = 0 /></td>

</tr>';
 
}
 
// Deconnexion de la base de donnees
mysql_close();
 
?>
 
</tr>
 
</table>
 
</body>
 
</html>

Pouvez vous, m'aider dans la réalisation de mon idée.

Merci beaucoup.

Sonia

**papyphp** · 18/01/2008, 16h06

Bonjour et bienvenue parmi nous.

Il faut créer une bascule qui alternera les styles par ex :

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
 
$result = mysql_query($query);
$couleur = '';
// Recuperation des resultats
while($row = mysql_fetch_row($result)){
$tableau_lien_valeur = $row[0];
$tableau_lien_nom = $row[1];
if ($couleur == ''){
  $couleur = '1';
  }
  else {
  $couleur = '1';
  }
echo '<tr>
<td class="libelle'.$couleur.'">'.$tableau_lien_nom.'</td>
<td class="libelle'.$couleur.'"><a href='.$tableau_lien_valeur.' target="_blank"><img src="fleche_orange.gif" border = 0 /></td>
 
</tr>';
 
}

**Eric_M_78** · 18/01/2008, 16h06

Bonjour,

Ajoute un compteur dans ta boucle while.
Si ce compteur est pair tu utilises le style 'libelle' sinon tu utilises le style 'libelle1'

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
...
// Recuperation des resultats
$compteur=0;
while($row = mysql_fetch_row($result)){
  if($compteur%2==0) $style = 'libelle';
  else                       $style = 'libelle2';
  $compteur++;
 
....
 
 echo "<tr>
<td class='".$style."'>".$tableau_lien_nom."</td>
 
.....

**berceker united** · 18/01/2008, 16h07

Code :

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

$bgcolor='#FFCC33';

Premiere solution

Code :

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

1
2
3
4
5
6
7
 for($i=0;$i<10;$i++){
    if($bgcolor=='#FFCC33'){
      $bgcolor='#CCCCCC';
    }else{
      $bgcolor='#FFCC33';
    }
}

Deuxieme solution

Code :

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

$bgcolor($i%2 == 0)?'#CCCCCC':'#FFCC33';

Tu remplaces le code couleur par le nom de la casse.
Le FOR correspond pour toi au While. Il suffit de rajouter.

**SONIA.GERET** · 18/01/2008, 17h11

Merci boucoup pour vos éléments de réponse.

J'ai enfin réussi.
Je vous souhaite un bon week-end.

Sonia

Alterner la couleur des lignes de mon tableau via un fichier CSS [MySQL]

PHP & Base de données

Discussions similaires

Partager

Partager