动态更改表中的行字体颜色

时间:2014-05-09 06:54:10

标签: php html mysql css

我有一个名为weather的数据库表,其中包含以下数据:

Place       Temperature

Delhi          30
Bangalore      35
Hyderabad      45
Mumbai         41

现在我使用php获取这些数据并在表格中查看它们。

现在我的问题是如何根据值(即温度)动态更改行字体颜色。 我必须使用javascript将该功能放在服务器端或客户端。

我已经以这种方式应用逻辑但尚未到达目的地。

//here is my logic that i have put in my php file while fetching the data
if (row["Temperature"] > row["MaxTemperature"]){
    this.getStyle().color= "red"; }
    else{
    this.getStyle().color="yellow";}
   //I have set a value for MaximumTemperate 

5 个答案:

答案 0 :(得分:4)

我会通过创建几个css类来实现这一点,即:

<style>
.red_temperature {
color: red;
}

.yellow_temperature {
color:yellow;
}
</style>

然后在你的php中,当你生成客户端代码时,你将类添加到div的class =“”,其中包含你要显示给客户端的值。

即:

<?php
// set $classColor variable here based on mysql row
...

echo "<div class='".$classColor."'>74</div>"; // where $classColor = 'yellow_temperature'
?>

这是一个通用的起点,而不是最终的代码,只是试图用正确的思维框架指出正确的方向。

答案 1 :(得分:3)

DEMO

的common.php

<?php

$ArrayList[0] = array('place'=>'Delhi','temperature'=>30);
$ArrayList[1] = array('place'=>'Bangalore','temperature'=>35);
$ArrayList[2] = array('place'=>'Hyderabad','temperature'=>45);
$ArrayList[3] = array('place'=>'Mumbai','temperature'=>41);

$MaxTemperature = 40;

?>

的index.php

<?php
require_once('common.php');

$Content = '
<table border="1">
<tr>
<td>Place</td>`
<td>Temperature</td>
</tr>
';
foreach ($ArrayList as $k=>$v)
{
$place = $v['place'];
$temperature =  $v['temperature'];

$temperature_color = ($temperature >= $MaxTemperature) ? 'color:red;' : 'color:black;';

$Content .= '
<tr>
<td>'.$place.'</td>
<td style="'.$temperature_color.'">'.$temperature.'</td>
</tr>
';  
}

$Content .= '</table>';

echo $Content;
?>

如果您正在寻找相同的内容,请告诉我,我上传文件

答案 2 :(得分:1)

<?php
$Color = "Color:yellow;";
if (Temp>MaxTemp)
{
    $Color="Color:red;";
}
?>

<div style='<?php echo $Color ?>'>TempValue</div>

答案 3 :(得分:0)

也许是这样,如果我错了,请纠正我

if ($row['temperature'] > $row['max_temperature'])
{
echo "<font color='red'> red</font>";
}
else { echo" <font color='yellow'>yellow</font>";
}

答案 4 :(得分:0)

嗨朋友如何设置工作状态,项目名称和模块名称的颜色

$items[]=array(
             'title'=>""."Work Status:".$status."\n".'Emp Name  : '.$Emp->employee_name."[".$position."]"."\n".'Project Name : '.$project->project_name."\n".'Module Name : '.$module->module_name."",

            'start'=>$value->start_date,
            'end'=>date('Y-m-d', strtotime('+1 day', strtotime($value->end_date))),
            'color'=>'#006699',