colorer les lignes d'un tableau suivant une condition

**Natoucka** · 13/04/2016, 15h17

Bonjour à tous!

Je suis débutante dans le php et je me suis lancé dans un projet. mais actuellement je rencontre un problème vers la fin de celui-ci.

En fait je gère des produits qui sont enregisterés dans ma base de données et je voudrai faire une alerte c'est à dire lorsque la quantite de produit est inférieure ou égale a la quantité seuil toute la ligne se met en rouge et sinon la ligne est au vert.

ma table produit contient la désignation, le prix unitaire, la quantité et la quantité seuil

voici un appercu de ceque j'ai dejà eu a essayer mais il ne marche pas

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
<?php
	//création d'un tableau en fonction de tout les element se trouvant dans la table produit de la BD
						mysql_connect("localhost","root","");
						mysql_select_db("gestion_stock");
						 $var=mysql_query("select *from produit");
 
 
							  echo "<tr><th>Code produit</th>
								     <th>Designation</th>
								     <th>Prix Unitaire</th>
								     <th>Quantité</th>
								      <th>Code Catégorie</th>
								      <th>Quantité Seuil</th>
												
								 </tr>";
 
								  while($row = mysql_fetch_array($var)){
 
									if($row['quantite']<=$row['quantite_seuil']){?>
										<style>
										     .ligne
										     {
												bgcolor:#FF0000;
											}
										</style><?php
									else{
										?>
									<style>
									.ligne
									{
										bgcolor:#CCFFFF;
									}								             				
									</style><?php
									}
								}
 
									  echo "<tr class=\"ligne\">
										<td>".$row['code_prod']."</td>
										<td>".$row['designation']."</td>
										<td>".$row['pu']."</td>
										<td>".$row['quantite']."</td>
										<td>".$row['code_catego']."</td>
										<td>".$row['quantite_seuil']."</td>
										</tr>";
											}
											?>

votre aide me sera vraiment utile et merci d'avance.

**sabotage** · 13/04/2016, 16h05

Les styles CSS ne s'écrivent pas comme ça dans la nature.

Dans ton en-tête HTML :

Code :

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

1
2
3
4
5
6
7
 
<head>
  <style>
    .ligne_alerte { bgcolor:#FF0000; }
    .ligne_normale { bgcolor:#CCFFFF; }
  </style>
</head>

Et en PHP :

Code :

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

1
2
$class = ($row['quantite']<=$row['quantite_seuil']) ? 'alerte' :  'normale';
echo '<tr class="ligne_' . $class. '">

Au passage, puisque tu débutes en PHP, apprends directement PDO pour la base de données car l'extension mysql est obsolète.

**Natoucka** · 13/04/2016, 16h26

ok je vais le faire tout de suite

**Natoucka** · 13/04/2016, 16h43

g voici ce que j'ai fait mais ca ne colore pa ca affiche jute le tableau

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
<?php
							//création d'un tableau en fonction de tout les element se trouvant dans la table produit de la BD
												mysql_connect("localhost","root","");
												mysql_select_db("gestion_stock");
												 $var=mysql_query("select *from produit");
 
 
												  echo "<tr><th>Code produit</th>
															<th>Designation</th>
															<th>Prix Unitaire</th>
															<th>Quantité</th>
															<th>Code Catégorie</th>
															<th>Quantité Seuil</th>
												
													   </tr>";
 
												   while($row = mysql_fetch_array($var)){
 
														?>
																	<head>
																  <style>
																	.ligne_alerte { bgcolor:#FF0000; }
																	.ligne_normale { bgcolor:#CCFFFF; }
																  </style>
																</head>
														<?php
												$class =($row['quantite']<=$row['quantite_seuil']) ? 'alerte' :  'normale';{
 
													  echo "<tr class=\"ligne_' . $class. '\">
																<td>".$row['code_prod']."</td>
																<td>".$row['designation']."</td>
																<td>".$row['pu']."</td>
																<td>".$row['quantite']."</td>
																<td>".$row['code_catego']."</td>
																<td>".$row['quantite_seuil']."</td>
														   </tr>";
														   }
													}
											?>

**sabotage** · 13/04/2016, 19h30

les balises <head> vont aux debut de ton document HTML

Très simplement un document HTML c'est :

Code html :

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

1
2
3
4
5
6
7
8
<html>
   <head>
   .....
   </head>
   <body>
   .....
   </body>
</html>

**Natoucka** · 14/04/2016, 15h12

Bonjour sabotage
j'ai inséré mon code css dans ma page de style.css et g modifier le code comme ci

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
 
     <div>
		 <h1 align="center">Table des produits</h1>
				<table border="1" align="center">
<?php
	mysql_connect("localhost","root","");
	mysql_select_db("gestion_stock");
	$seuil = mysql_query("SELECT* FROM produit");
	 echo "<tr>
				<th>Designation</th>
				<th>Prix Unitaire</th>
				<th>Quantité</th>
				<th>Quantité Seuil</th>											
			</tr>";?>
	<tr class="<?php echo isset($seuils['designation']) && $seuil['quantité'] >$seuils['quantite_seuil'] ? 'lignecoloree' : 'lignenormale';?>">
		<td><?php echo $seuil['designation']; ?></td>
		<td><?php echo $seuil['pu']; ?></td>
		<td><?php echo $seuil['quantite']; ?></td>
		<td><?php echo $seuil['quantite_seuil']; ?></td>
	</tr>
 
 
											  </table>
 
										</div>

des balise php sont deja inséré dans ma page d'acceuil ou j'inclus ce code
Ce code affiche la couleur normal bleu pr le code de ligne_normale mais il n'affiche pa le contenu donc il ne prend pa en compte la condition que j'ai mise

**joe0703** · 14/04/2016, 15h40

hummm pour aficher le contenue dans un tableau moi j'ai fait comme cela

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
70
71
72
73
74
 <?php
// Récupération des informations du fichierjeux_FPS).
$data = array();                        
// Tableau qui contiendra les données de façon structurée.
$fileHandle = fopen("../../../txt/genre/jeux_de_combats.txt", "r+");  
 // Ouverture du fichier "jeux_FPS.txt"
if ($fileHandle) {
    while (($buffer = fgets($fileHandle, 4096)) !== false) 
	{    
	// Lecture des lignes du fichier, une par une.
        list(
		$nom,
		$date_sortie , 
		$nom_image , 
		$choix , 
		$prix ,
		$quantite )
		= explode('|', $buffer);    
		// Séparation des données de la ligne en cours en fonction du caractère "|".
               // Ajout d'un tableau dans notre tableau de données contenant le joueur et les prenom_du_jeu.
        $data[] = array(
           'image' => $nom_image, 
           'nom_du_jeu' => $nom,
           'date_sortie' => $date_sortie, 
           'nbr de joueurs' => $choix,
           'prix' => $prix, 
           'quantite' =>$quantite
           );
    }
    fclose($fileHandle);                    
// fermeture du fichier
}
?>
 
<!-- on cree le tableau où les jeux vont aparaitrent -->
<table width="100%">
<tr style="height: 16px" align="center">
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>#</b></font></td>
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>image</b></font></td>
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>nom_du_jeu</b></font></td>
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>date_sortie</b></font></td>
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>nbr de joueurs</b></font></td>
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>prix</b></font></td>
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>quant dispo</b></font></td>
<td bgcolor="#cccccc"><font class="font_p" color="#5d8eb3"><b>acheter</b></font></td>
 
 
</tr>
 
<?php
 
 
 $nb_elements = count($data);
 $nb_lignes= $nb_elements;
 
for ($i = 0; $i < $nb_lignes; $i ++) {  
$position = $i+1;         // Définition de la position à afficher
 
?>
<!-- on affiche les infos des jeux dans chaque ligne du tableau-->
<tr style="height: 16px" align="center" bgcolor="#dddddd">
    <td><?php echo $position; ?></td>
    <td><?php echo isset($data[$i]['image']) ? "<img src=\" ".$data[$i]['image']."\">" : ''; ?></td>	
    <td><?php echo isset($data[$i]['nom_du_jeu']) ? $data[$i]['nom_du_jeu'] : ''; ?></td>
    <td><?php echo isset($data[$i]['date_sortie']) ? $data[$i]['date_sortie'] : ''; ?></td>
	<td><?php echo isset($data[$i]['nbr de joueurs']) ? $data[$i]['nbr de joueurs'] : ''; ?></td>
	<td><?php echo isset($data[$i]['prix']) ? $data[$i]['prix'] : ''; ?></td>
	<td><?php echo isset($data[$i]['quantite']) ? $data[$i]['quantite'] : ''; ?></td>
 
</tr>
 
<?php
} // Fin de la boucle for
?>

pour que chaque ligne soit aficher
bon moi c'est a partir d un fichier .txt et non d une BDD
mais le principe est le meme
et le changement de couleur si j ai compris a lieu quand la quantité atteint un certain seuil
donc la condition de ta couleur c est en fonction de ta quantite
je ferais donc a ta pace une condition dans ce sens

Code :

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

1
2
3
4
if(quantite superieur a tel chiffre)
{tel couleur}
else
{autre couleur}

donc si ton seuil est le meme pour chaque produit, tu n'a meme pas besoin de mettre une variable seuil

**Natoucka** · 14/04/2016, 16h45

je ne comprend pa bien ton code.
la quantité seuil n'est pa identique pour tous les produit chaque produit a sa quantité seuil j'ai remodifier mon code vu qu'il contenait quelques erreur.

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
 
 
  <div>
		 <h1 align="center">Table des produits</h1>
				<table border="1" align="center">
 
<style>
    .lignecoloree {
        background-color:red;
    }
    .lignenormale {
        background-color:blue;
    }
</style>
<?php
	mysql_connect("localhost","root","");
	mysql_select_db("gestion_stock");
	$seuil = mysql_query("SELECT* FROM produit");
	 echo "<tr>
				<th>Designation</th>
				<th>Prix Unitaire</th>
				<th>Quantité</th>
				<th>Quantité Seuil</th>											
			</tr>";
			$classe=isset($seuil['designation']) && $seuil['quantité']<=$seuil['quantite_seuil'] ? 'lignecoloree' : 'lignenormale';?>
	<tr class="<?php echo $classe; ?>">
		<td><?php echo $seuil['designation']; ?></td>
		<td><?php echo $seuil['pu']; ?></td>
		<td><?php echo $seuil['quantite']; ?></td>
		<td><?php echo $seuil['quantite_seuil']; ?></td>
	</tr>
 
 
											  </table>
 
										</div>

**joe0703** · 14/04/2016, 18h40

en faite dans mon code
j'ai cela en plus

Code :

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

1
2
3
4
5
6
7
8
9
 
$data[] = array(
           'image' => $nom_image, 
           'nom_du_jeu' => $nom,
           'date_sortie' => $date_sortie, 
           'nbr de joueurs' => $choix,
           'prix' => $prix, 
           'quantite' =>$quantite
           );

car comme toi mon fichier contient plusieurs éléments
à savoir comme tu le voix le nom, une image,une date de sortie....ect
je les met donc dans un tableau data

apres j'entame une boucle for

Code :

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

1
2
3
4
5
 $nb_elements = count($data);
 $nb_lignes= $nb_elements;
 
for ($i = 0; $i < $nb_lignes; $i ++) {  
       // Définition de la position à afficher

cout($data) calcul le nombre de ligne dans le fichier (ou la bdd)

avec "i" comme variable changeante
quand 'i'=1
$data[$i] donne donc $data[1]
qui correspond à ma première ligne
donc à :

nom produit1 ; image 1 date de sortie1 ......
j'affiche donc ses information dans chaque colonne du tableau avec

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<!-- on affiche les infos des jeux dans chaque ligne du tableau-->
<tr style="height: 16px" align="center" bgcolor="#dddddd">
    <td><?php echo $position; ?></td>
    <td><?php echo isset($data[$i]['image']) ? "<img src=\" ".$data[$i]['image']."\">" : ''; ?></td>	
    <td><?php echo isset($data[$i]['nom_du_jeu']) ? $data[$i]['nom_du_jeu'] : ''; ?></td>
    <td><?php echo isset($data[$i]['date_sortie']) ? $data[$i]['date_sortie'] : ''; ?></td>
	<td><?php echo isset($data[$i]['nbr de joueurs']) ? $data[$i]['nbr de joueurs'] : ''; ?></td>
	<td><?php echo isset($data[$i]['prix']) ? $data[$i]['prix'] : ''; ?></td>
	<td><?php echo isset($data[$i]['quantite']) ? $data[$i]['quantite'] : ''; ?></td>
 
</tr>

une fois l'affichage de la première ligne termine
on rajout 1 a 'i' qui passe donc a :
i=2
qui correspond a la seconde ligne que l'on affiche en dessous de la 1er ligne.

et pour ton seuil dans ce cas cela donnerais

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
if ( $data[$i][quantite] >= $data[$i][seuil])
    { 
          tu met le code d'affichage du tableau avec la couleur quand tu est au dessus du seuil

          <!-- on affiche les infos des jeux dans chaque ligne du tableau-->
<tr style="height: 16px" align="center" bgcolor="ici ta couleur au dessus du seuil">
    <td><?php echo $position; ?></td>
    <td><?php echo isset($data[$i]['image']) ? "<img src=\" ".$data[$i]['image']."\">" : ''; ?></td>	
    <td><?php echo isset($data[$i]['nom_du_jeu']) ? $data[$i]['nom_du_jeu'] : ''; ?></td>
    <td><?php echo isset($data[$i]['date_sortie']) ? $data[$i]['date_sortie'] : ''; ?></td>
	<td><?php echo isset($data[$i]['nbr de joueurs']) ? $data[$i]['nbr de joueurs'] : ''; ?></td>
	<td><?php echo isset($data[$i]['prix']) ? $data[$i]['prix'] : ''; ?></td>
	<td><?php echo isset($data[$i]['quantite']) ? $data[$i]['quantite'] : ''; ?></td>
    }
//sinon
else
    {
        tu me le code d'affichage du tableau avec la couleur quand tu es au dessous du seuil

        
          <!-- on affiche les infos des jeux dans chaque ligne du tableau-->
<tr style="height: 16px" align="center" bgcolor="ici ta couleur au dessous du seuil">
    <td><?php echo $position; ?></td>
    <td><?php echo isset($data[$i]['image']) ? "<img src=\" ".$data[$i]['image']."\">" : ''; ?></td>	
    <td><?php echo isset($data[$i]['nom_du_jeu']) ? $data[$i]['nom_du_jeu'] : ''; ?></td>
    <td><?php echo isset($data[$i]['date_sortie']) ? $data[$i]['date_sortie'] : ''; ?></td>
	<td><?php echo isset($data[$i]['nbr de joueurs']) ? $data[$i]['nbr de joueurs'] : ''; ?></td>
	<td><?php echo isset($data[$i]['prix']) ? $data[$i]['prix'] : ''; ?></td>
	<td><?php echo isset($data[$i]['quantite']) ? $data[$i]['quantite'] : ''; ?></td>
    }

apres je sais pas si cela fonctionnera mdr :p c'est juste une idée ^^"

**Natoucka** · 14/04/2016, 21h41

j'ai pu modifié le code et trouver la solution la voici et elle marche

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
 
<div>
		 <h1 align="center">Table des produits</h1>
				<table border="1" align="center">
 
<style>
    .lignecoloree {
        background-color:#CC0033;
    }
    .lignenormale {
        background-color:#33FFCC;
    }
</style>
<?php
	$mysqli = new mysqli("localhost", "root", "", "gestion_stock");
 
//Exemple de select avec mySQLi
$reqSeuil = $mysqli->query("SELECT* FROM produit");
	 echo "<tr>
				<th>Designation</th>
				<th>Prix Unitaire</th>
				<th>Quantité</th>
				<th>Quantité Seuil</th>											
			</tr>";
			while($dnseuil = mysqli_fetch_array($reqSeuil)){
			$classe=isset($dnseuil['designation']) && $dnseuil['quantite']<=$dnseuil['quantite_seuil'] ? 'lignecoloree' : 'lignenormale';?>
	<tr class="<?php echo $classe; ?>">
		<td><?php echo $dnseuil['designation']; ?></td>
		<td><?php echo $dnseuil['pu']; ?></td>
		<td><?php echo $dnseuil['quantite']; ?></td>
		<td><?php echo $dnseuil['quantite_seuil']; ?></td>
	</tr>
<?php } ?>
 
											  </table>
 
										</div>

merci une partie de ton code m'a été utile

**joe0703** · 14/04/2016, 22h10

nice alors

par contre cela te dérange si je te l'emprunte pour l adapter a mes besoin ?

colorer les lignes d'un tableau suivant une condition [PHP 5.0]

Langage PHP

Discussions similaires

Partager

Partager