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

Question

I have a database table named weather which has the following data as below :

Place       Temperature

Delhi          30
Bangalore      35
Hyderabad      45
Mumbai         41

Now I fetch these data using php and view them to the client in a table.

Now my question how can I dynamically change row font color based on value i.e the temperature. Shall I have to put the function in server side or in client side using javascript.

I have applied the logic in this manner but have not reached the destination.

//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 

Answer 1

I would do this by creating several css classes, ie:

<style>
.red_temperature {
color: red;
}

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

then in your php, when you generate your client-side code, you add the class to the class="" of the div holding the values you're displaying to the client.

ie:

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

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

This is meant to be a generic starting point, not final code, but just trying to point you in the right direction with the right frame of thinking.