How to highlight a dynamic link when clicked?

[jamjam]

Hi

 

 

This is driving me crazy.

 

Here is my problem.

I am developing a webpage that has 7 links, in the content area of the page.

The links represent days of the week.

 

Like Mon 12th Tue 13th Wed 14th Thu 15th Fri 16th Sat 17th Sun 18th

 

When a user clicks a link, I want the selected link to change colour.

All other links should remain the same colour, only changing when selected.

Then going back to default colour when another link is selected.

 

The links pass a query string to get data from a MySql database.

 

If I was developing a static html page this would be no problem at all.

As I would be able to uniquely identify each page and style the links accordingly.

However these links are dynamically generated using PHP built date function.

 

I have read countless online tutorials to try and solve this problem but unfortunately almost all of these are based static html pages where each page can be uniquely identified.

 

I am seriously stuck and will appreciate assistance. Thanks in advance.

 

Here is the code of my test page.

 

 

<?php

for($time = strtotime('-2 days'), $i=0; $i < 6; $time = strtotime('-1 days', $time), $i++)

{

    if($i != 0)

        echo "  ";

       

    echo '<a href="/catch-up/?date=' . date("d-m-Y", $time) . '">' . date("D jS", $time) . "</a>\n";

}

?>

[gwolgamott]

Get the current URL then trim it so it only includes the /catch-up directory and compare it when writing the links.

 

//Use one of the $_SERVER options to get this perhaps your choice on that... http://php.net/manual/en/reserved.variables.server.php
//$current is the configured and trimmed variable.
<?php
$current = //do whatever method u want to get the current url see link above for some options.

for($time = strtotime('-2 days'), $i=0; $i < 6; $time = strtotime('-1 days', $time), $i++)
{
    if($i != 0)
        echo "  ";
        $test = '/catch-up/?date=' . date("d-m-Y", $time);
       if($current ==  $test){
               echo '<a style="color:green" href="/catch-up/?date=' . date("d-m-Y", $time) . '">' . date("D jS", $time) . "</a>\n";
               }
        else{
                echo '<a href="/catch-up/?date=' . date("d-m-Y", $time) . '">' . date("D jS", $time) . "</a>\n";
               }
}
?>

[jamjam]

Hey Thanks