簡體   English   中英

如何根據其中一個單元格的值更改動態填充的表格行的背景顏色?

[英]how can I change background color of dynamically filled table row based on the value of one of the cells?

我有一個表是從mysql數據庫動態填充的。 表中的一列是日期。 如果日期已超過3天,我想更改行的背景顏色。 為了弄清楚這一點,我已經弄清楚了公式,並在test.php頁面上可以使它與文本框一起使用。 我需要知道如何將其應用於表格行。

function call_log_date($enter_date)
{
    $today      = strtotime(date("m/d/Y"));
    $other_date = strtotime($enter_date) . "<br>";
    // returns number of days between dates(because of abs, will always
    // return positive number)
    $diff = ceil(abs($today - $other_date) / (60 * 60 * 24));
    if ($diff > 3) {
        $bg_color   = "#FFFF00"; //yellow
        $font_color = "#FF0000"; //red
    } else if ($diff > 1 && $diff <= 3) {
        $bg_color   = "#FFFFFF"; // white
        $font_color = "#FF0000"; //red
    } else {
        $bg_color   = "#FFFFFF"; // white
        $font_color = "#000000"; //black
    }

    return $bg_color . $font_color;
}

上面是我正在使用的功能,適用於文本框

像這樣嘗試(未使用/未使用):

PHP:

$tdclass = call_log_date($enter_date);
echo '<td class="' .$tdclass. '">' .$enter_date. '</td>';


function call_log_date($enter_date) {
    $today = strtotime(date("m/d/Y"));
    $other_date = strtotime($enter_date)."<br>";
    $diff =  ceil(abs($today - $other_date) / (60*60*24)); //returns number of days between dates(because of abs, will always return positive number)
    if($diff > 3) {
        return 'colorA';
    }else if($diff > 1 && $diff <= 3) {
        return 'colorB';
    }else {
        return 'colorC';
    }
}

CSS:

.colorA{background-color:#FFFF00;color:#FF0000;}
.colorB{background-color:#FFFFFF;color:#FF0000;}
.colorC{background-color:#FFFFFF;color:#000000;}

這是一個如何在表格行中放置顏色的示例(CSS內聯樣式):

<table>
    <tr style="background-color: #cc6600">
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
</table>

如果要動態創建表,只需使用函數更改該顏色。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM