Change table cell background color

Question

I’m trying to change the background color of cells whose values are equal to the day the user accesses the site. The variable $dataa keeps the dates of each name...

Table formatting (inside a php loop):

echo "
<tr>
  <td id=\"linha".$l."\">".$nomes[$l]."</td>
  <td class=\"dataa\">".$dataa[$l]."</td>
</tr>
";

Attempted staining:

<SCRIPT>

<?php

echo "var obj = new Array();";

for ($k=0; $k<16; $k++){

 if ( $data_pro_php[$k] == '23' ) {

    echo " 
    obj[$k] = getElementById(\"linha$k\");
    obj[$k].style.backgroundColor='#FF0000'; 
    ";

 }

}

?>

</SCRIPT>

Answer 1

There is an error in your Javascript, missing document in the code.

Test like this:

echo " 
    obj[$k] = document.getElementById(\"linha$k\");
    obj[$k].style.backgroundColor='#FF0000'; 
";

Could however do this in PHP when it generates HTML, or pass an array to Javascript and iterate there.

But correcting that fault should work.

If you do this in PHP you could give these a special class td. Something like:

$classe = $dataa[$l] == 23 ? 'dataa diaCerto' : 'dataa';
echo "
    <tr>
      <td id=\"linha".$l."\">".$nomes[$l]."</td>
      <td class=\"".$classe."\">".$dataa[$l]."</td>
    </tr>
";

and in the CSS:

.diaCerto{ background-color: #FF0000';}