如何更改访问链接的背景颜色

Question

I have the following code:

<td bgcolor="#FF0000"><center>
    <? echo $rows['msisdn']; ?>
</td>
<td align="center" bgcolor="#FFFFFF">
    <a href="control_clientinfo.php?member_id=<? echo $rows['member_id']; ?>"
    class="update">Look Up</a>
</td>

This draws data from mysql for me and does what it needs to do, question

<td bgcolor="#FF0000">
    <center>
    <? echo $rows['msisdn']; ?>
</td>

How do I change that background colour once the link has been visited. I know how to change the visited link colour but i want to change the table viewed colour.

Is this possible or am I biting into a rock?

Answer 1

Updated Answer

The browser controls the visited link status, there's no way to determine this with Javascript or CSS for the security of users. This may have worked in the past, but no longer works on all modern web browsers. -- This is done to prevent history tracking by the browsers themselves. The only workaround for this would be to track which links were clicked using Javascript event handlers and if you want this information persistant across multiple page-loads/refreshes, you'll need to set a cookie.

For current page, you could use Javascript (or better yet, jQuery) to change the color of your background.

Using jQuery:

$("td a").click(function() {
    $(this).parent("td").addClass('clicked');
});

On a related note, I highly recommend NOT using <center> and the bgcolor and align attributes. Those have long been deprecated in recent HTML versions. Consider using CSS for all of your "center" and styling/background color needs.

Answer 2

Nothing much to do with PHP I'm afraid, more of a Javascript problem.

Try Remy Sharp's jQuery plugin http://remysharp.com/2008/02/25/visited-plugin/

Identical code is in this answer https://stackoverflow.com/a/1791790/932508

Answer 3

Add onclick function in table column with anchor tag

<td align="center" bgcolor="#FFFFFF" onclick="document.getElementById("demo").style.backgroundColor="RED";"> <a href="control_clientinfo.php?member_id=<? echo  $rows['member_id']; ?>" class="update">Look Up</a></td>

Then add an Id tag to other table column for which you want to change background color.

<td id="demo" bgcolor="#FF0000">
  <center>
  <? echo $rows['msisdn']; ?>
  </center>
</td>