根据数据库在table中放一个class
put a class in the table according to the database
我在 phpmyadmin 中有这个 table
table
我已经建立连接并且值存储在此处 $row["Risco"]
我有这个 table 是正方形 squares
.tabela-botoes-extincao{
width: 100%;
height: 90px;
padding-top: 30px;
padding-bottom: 20px;
font-weight: bold;
}
.espaco-botoes-extincao{
width: 14.28%;
height: 90px;
background-color: #cfcfcf;
font-size: 19px;
font-family: sans-serif;
}
.extincao-ativo{
background-color: #e8bc5d;
}
<table class="tabela-botoes-extincao">
<tr>
<th class="espaco-botoes-extincao">
Não Avaliada
</th>
<th class="espaco-botoes-extincao extincao-ativo">
Pouco Preocupante
</th>
<th class="espaco-botoes-extincao">
Vuneravél
</th>
<th class="espaco-botoes-extincao">
Em Perigo
</th>
<th class="espaco-botoes-extincao">
Criticamente em Perigo
</th>
<th class="espaco-botoes-extincao">
Extinta na Natureza
</th>
<th class="espaco-botoes-extincao">
Extinta
</th>
</tr>
</table>
然后我想把改变方块颜色的class extinction-active
放在来自数据库的相应方块中
目标是根据从数据库接收到的内容更改颜色,我考虑过使用这种方式,也许使用开关,但我不知道如何实现它....我接受不同的建议
已经想到办法了,变大了还行
<table class="tabela-botoes-extincao">
<tr>
<?php
$nivel=$row["Risco"];
switch ($nivel){
case "Não Avaliada":
echo "<th class='espaco-botoes-extincao extincao-ativo'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Pouco Preocupante":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Vuneravél":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Em Perigo":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Criticamente em Perigo":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Extinta na Natureza":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Extinta":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Extinta</th>";
break;
}
?>
</tr>
</table>
我在 phpmyadmin 中有这个 table
table
我已经建立连接并且值存储在此处 $row["Risco"]
我有这个 table 是正方形 squares
.tabela-botoes-extincao{
width: 100%;
height: 90px;
padding-top: 30px;
padding-bottom: 20px;
font-weight: bold;
}
.espaco-botoes-extincao{
width: 14.28%;
height: 90px;
background-color: #cfcfcf;
font-size: 19px;
font-family: sans-serif;
}
.extincao-ativo{
background-color: #e8bc5d;
}
<table class="tabela-botoes-extincao">
<tr>
<th class="espaco-botoes-extincao">
Não Avaliada
</th>
<th class="espaco-botoes-extincao extincao-ativo">
Pouco Preocupante
</th>
<th class="espaco-botoes-extincao">
Vuneravél
</th>
<th class="espaco-botoes-extincao">
Em Perigo
</th>
<th class="espaco-botoes-extincao">
Criticamente em Perigo
</th>
<th class="espaco-botoes-extincao">
Extinta na Natureza
</th>
<th class="espaco-botoes-extincao">
Extinta
</th>
</tr>
</table>
然后我想把改变方块颜色的class extinction-active
放在来自数据库的相应方块中
目标是根据从数据库接收到的内容更改颜色,我考虑过使用这种方式,也许使用开关,但我不知道如何实现它....我接受不同的建议
已经想到办法了,变大了还行
<table class="tabela-botoes-extincao">
<tr>
<?php
$nivel=$row["Risco"];
switch ($nivel){
case "Não Avaliada":
echo "<th class='espaco-botoes-extincao extincao-ativo'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Pouco Preocupante":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Vuneravél":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Em Perigo":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Criticamente em Perigo":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Extinta na Natureza":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao'>Extinta</th>";
break;
case "Extinta":
echo "<th class='espaco-botoes-extincao'>Não Avaliada</th>";
echo "<th class='espaco-botoes-extincao'>Pouco Preocupante</th>";
echo "<th class='espaco-botoes-extincao'>Vuneravél</th>";
echo "<th class='espaco-botoes-extincao'>Em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Criticamente em Perigo</th>";
echo "<th class='espaco-botoes-extincao'>Extinta na Natureza</th>";
echo "<th class='espaco-botoes-extincao extincao-ativo'>Extinta</th>";
break;
}
?>
</tr>
</table>