How can PHP be used to dynamically change the styling of active links in a navigation menu based on user interaction?

To dynamically change the styling of active links in a navigation menu based on user interaction, you can use PHP to add a class to the active link when it is clicked. This class can then be used to apply specific styling to the active link. 

<?php
$current_page = basename($_SERVER['REQUEST_URI']);

function isActive($page){
    global $current_page;
    if($current_page == $page){
        echo 'active';
    }
}

?>

<ul>
    <li><a href="home.php" class="<?php isActive('home.php'); ?>">Home</a></li>
    <li><a href="about.php" class="<?php isActive('about.php'); ?>">About</a></li>
    <li><a href="services.php" class="<?php isActive('services.php'); ?>">Services</a></li>
    <li><a href="contact.php" class="<?php isActive('contact.php'); ?>">Contact</a></li>
</ul>

Keywords

PHP dynamic styling active links navigation menu user interaction

Related Questions