Discussion :

[sebastien85000]

Bonjour à tous,

Alors j'ai plusieurs petit soucis dont en voici un.

Actuellement, j'ai une page html qui affiche un tableau rempli de lignes provenant d'une table sql via php.

Dans cette table, j'ai une colonne "d'etat" qui pour la valeur "oui" se colore en vert et en rouge pour la valeur"non".
tout fonctionne nickel selon l'entrée dans la table SQL.

J'aimerais, sur ma page html que lorsque je clique dans cette cellule, celle-ci change d'état. Si elle est verte, 1 clic et elle deviens rouge et inversement.

Avez vous une idée de la manip ?

voici quelques code que j'ai.

recuperation :

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
<?php
// --------------------------------
// La requete (exemple) : tous les "objet", classés par "id".
$query = "SELECT * FROM cacahuete ORDER BY pistache ASC;";
  try {
    $pdo_select = $pdo->prepare($query);
    $pdo_select->execute();
    $NbreData = $pdo_select->rowCount();   
    $rowAll = $pdo_select->fetchAll();
  } catch (PDOException $e){ echo 'Erreur SQL : '. $e->getMessage().'<br/>'; die(); }
// --------------------------------
// affichage
if ($NbreData != 0) 
{
?>
<!-

fond selon etat :

Code :

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

1
2
3
4
5
6
7
8
9
<td class="th">
            <?php if ( $row['banane'] == 'oui' ) 
                {
                    echo '<div class="oui">'.$row['banane'].'</div>';
                } 
                elseif ( $row['banane'] == 'non' )
                {
                    echo '<div class="non">'.$row['banane'].'</div>';
                } ?></td>

le css :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.oui {
background: green;
border-radius: 250px;
color: green;
width: 30px;
margin-left: 20%;
}
 
.non {
background: red;
border-radius: 250px;
color: red;
width: 30px;
margin-left: 20%;
}

le rendu :




Merci beaucoup.