Heim  >  Fragen und Antworten  >  Hauptteil

Ändern Sie mithilfe von PHP dynamisch die HTML-TD-Hintergrundfarbe basierend auf dem Wert

Ich versuche, die TD-Hintergrundfarbe dynamisch zu ändern, aber es macht mich verrückt, weil ich nicht wirklich weiß, wie ich den Code reparieren soll.

Das ist mein Code:

<td data-column="% Over 0.5 SH" style="background-color: <?php echo $backgroundColorOver05SH; ?>">
<?php 
if (($row['TotalMatch']) > 9){ 
$percover05sh = $row['OK_05sh'] / $row['TotalMatch'] * 100; 
echo sprintf("%.2f", $percover05sh);


if ($percover05sh > 80){
    $backgroundColorOver05SH = "green";
} elseif ($percover05sh >= 70 and $percover05sh <= 79.99  ){
    $backgroundColorOver05SH = "yellow";
} else {
    $backgroundColorOver05SH = "red";
}

Ich glaube, ich bin auf dem richtigen Weg, aber ich finde nicht die richtige Lösung. Irgendwelche Vorschläge? Danke!

EDIT: Dieser Code funktioniert jetzt! Hier ist mein vollständiger Code:

<?php 
if (($row['TotalMatch']) > 9){ 
$percover05sh = $row['OK_05sh'] / $row['TotalMatch'] * 100; 

if ($percover05sh >= 80){
    $backgroundColorOver05SH = "green";
} elseif ($percover05sh >= 70 && $percover05sh < 80  ){
    $backgroundColorOver05SH = "yellow";
} else {
    $backgroundColorOver05SH = "red";
}

}else{
echo 'No Bet';
}     ?>
<td data-column="% Over 0.5 SH" style="background-color: <?php echo $backgroundColorOver05SH;?>;">
<?php
echo sprintf("%.2f", $percover05sh);    
?>
</td>

P粉295728625P粉295728625175 Tage vor265

Antworte allen(2)Ich werde antworten

  • P粉908643611

    P粉9086436112024-04-01 00:23:43

    除了更改代码中的顺序(如问题注释中所写)之外,我还会在 style 属性中由 PHP 回显的背景颜色值后面添加一个分号,即

    Antwort
    0
  • P粉938936304

    P粉9389363042024-04-01 00:13:34

    所以首先:

     
     9){ 
    $percover05sh = $row['OK_05sh'] / $row['TotalMatch'] * 100; 
    echo sprintf("%.2f", $percover05sh);
    
    
    if ($percover05sh > 80){
        $backgroundColorOver05SH = "green";
    } elseif ($percover05sh >= 70 && $percover05sh < 80  ){
        $backgroundColorOver05SH = "yellow";
    } else {
        $backgroundColorOver05SH = "red";
    }
    ?>
    
     9){ 
    */
    }
    ?>
    

    如果颜色没有改变,可能是由不同的 CSS 规则或脚本设置的?

    Antwort
    0
  • StornierenAntwort