How do I change a class in HTML using PHP?

Question

I have the code below in all of my pages, except for each page, the class is on that specific page.

<li><a href="../index.html">Homescreen</a></li>
<li><a href="socialstuff.html">Social Stuff</a></li>
<li><a href="sops.html">SOP's</a></li>
<li><a href="login.php">FTO Documents</a></li>
<li><a class="selected" href="changelog.html">Changelog</a></li>

I am working on throwing these inside of an include folder, that way each page I create does not have to have this line of code in each page. My only question is, how do I detect what page I'm on, and then automatically remove the old class slected and add the new one to the current page?

How did you go with this?

Tim Ogilvy
– Tim Ogilvy

2016-04-02 10:38:06 +00:00
Commented Apr 2, 2016 at 10:38 — Tim Ogilvy
– Tim Ogilvy, Commented Apr 2, 2016 at 10:38

nerdoza · Accepted Answer · 2016-03-31 23:36:56Z

1

That largely depends on how you are handling routing. Assuming you are using just file name routing, then you can use a URI check.

<li><a href="socialstuff.html" class="<?php if($_SERVER['REQUEST_URI']) == 'socialstuff.html'){ echo 'selected'; } ?>">Social Stuff</a></li>

You would then do this for each line in your <ul> element.

Also, in the if($_SERVER['REQUEST_URI']) == 'socialstuff.html') line, the 'socialstuff.html' needs to be the exact URI that the address bar reads when you are on that page. So if socialstuff.html resides in a folder called misc, and the URI for that page would probably be misc/socialstuff.html.

edited Mar 31, 2016 at 23:36

answered Mar 31, 2016 at 23:34

nerdoza

9241 gold badge14 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Austin M-S Over a year ago

So how do I change said class to "selected"

nerdoza Over a year ago

I just changed it. You would put the class you want applied inside the echo argument.

max234435 · Accepted Answer · 2016-03-31 23:41:42Z

1

One way that I tackle this is with a helper function.

function currentPage($page){

    if (basename($_SERVER['PHP_SELF']) == $page) {
        echo 'selected';
    }

}

        <li><a class="<?php currentPage('changelog.html') ?>" href="changelog.html">Changelog</a></li>

You will have to add this function to every li that you want to check if its that page

I havent tested the code, but you will get a general idea of how to handle this type of thing. Hope that helps.

answered Mar 31, 2016 at 23:41

max234435

5676 silver badges18 bronze badges

1 Comment

Austin M-S Over a year ago

This works! What I did was put this function inside my sidebar file. Works wonderful!

Tim Ogilvy · Accepted Answer · 2016-04-01 00:40:39Z

0

Taking the details from BayssMekanique's answer but making a more systematic response... Iterating through your links would help. I would also create a function renderLinkList() or similar, and return the string. Hope this helps.

<?php 
   $links = '';

$links = array(
    'Homescreen'   => '../index.html',
    'Social Stuff' => 'socialstuff.html',
    'SOP\'s'        => 'sops.html',
    'FTO Docs'     => 'login.php',
    'Change Log'   => 'changelog.html'
);

for each ($links as $title => $href) { 
    $selected = '';
    if ($_SERVER['REQUEST_URI']) == $href) {
        $selected = 'class="selected"';
    }
    $linkString  = '<li>';
    $linkString .= '<a href="'.$href.'" '.$selected.' >';
    $linkString .= $title.'</a></li>';
    $links .= $linkString;
}

//if you made a function you would now return links
print $links;

edited Apr 1, 2016 at 0:40

answered Mar 31, 2016 at 23:53

Tim Ogilvy

1,9731 gold badge25 silver badges37 bronze badges

1 Comment

GGG Over a year ago

You should clear the $selected variable after appending it to the $links variable. Else it'd apply the same class to all subsequent links.

Collectives™ on Stack Overflow

How do I change a class in HTML using PHP?

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related