How do I dynamically insert a CSS class using PHP?

Question

What's wrong with the following code? I would like to dynamically insert "current" CSS class when the respective <li> element is clicked. Thanks!

<?php 
$pg = $_SERVER['PHP_SELF']; 
?>

<section>
    <aside>       
        <nav>
            <ul>
                <li class="<?php if($pg == 'index.php?page=about.php'){echo 'current';} ?>"><a href="index.php?page=about.php">About</a></li>                       
            <li class=""><a href="">Services</a></li> 
            </ul>
        </nav>
    </aside>
<section>

That's an HTML class. There is no such thing as a CSS class. The term sometimes gets used to mean "rule-set", "class selector", "any selector" and "property". This is confusing, so please don't use the term. — Quentin
– Quentin, Commented May 31, 2011 at 12:50
Do you mean that you want to add to the element a class when the user clicks on it, i.e. on the client side? — Vinnyq12
– Vinnyq12, Commented May 31, 2011 at 12:50
The syntax looks fine, I would echo out $pg onto the page, it's possible that it is not exactly what you are expecting, that way you can what your condition needs to be. — jackreichert
– jackreichert, Commented May 31, 2011 at 12:52
$_SERVER['PHP_SELF'] returns the full working dir (everything after /public_html/) — Aleski
– Aleski, Commented May 31, 2011 at 12:53
you can try this, Add if statement and assign value to few variables/ or one variable. then inside html code, add php variable into class section, Ex- <div class="<?php $myvar; ?> other-class" > — Joey
– Joey, Commented Oct 18, 2017 at 10:57

hsz · Accepted Answer · 2011-05-31 12:51:19Z

11

Try with:

<?php 
$pg = $_GET['page'];

$allow = array('about.php', 'main.php', 'other.php');
if ( !in_array($pg, $allow) ) {
    $pg = 'default_value';
}
?>

<section>
    <aside>       
        <nav>
            <ul>
                <li class="<?php if($pg == 'about.php'){echo 'current';} ?>"><a href="index.php?page=about.php">About</a></li>                       
            <li class=""><a href="">Services</a></li> 
            </ul>
        </nav>
    </aside>
<section>

answered May 31, 2011 at 12:51

hsz

153k63 gold badges268 silver badges320 bronze badges

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

2 Comments

kapa Over a year ago

+1 But you could also explain him the security flaws his method possibly has.

Marvin Over a year ago

You could use the most recent syntax for arrays instead of $maybe = array(...) you can use $yes = [...]

Tim Baas · Accepted Answer · 2011-05-31 12:52:59Z

2

<li class="<?php echo ($_GET['page'] == 'about.php')? 'current' : 'normal'; ?>">
  <a href="index.php?page=about.php">About</a>
</li>

answered May 31, 2011 at 12:52

Tim Baas

6,1855 gold badges47 silver badges75 bronze badges

Comments

MeLight · Accepted Answer · 2011-05-31 12:51:22Z

1

$_SERVER['PHP_SELF'] doesn't return the $_GET vars (?page=about.php)

answered May 31, 2011 at 12:51

MeLight

5,5734 gold badges47 silver badges70 bronze badges

Comments

Quentin · Accepted Answer · 2011-05-31 12:52:11Z

1

$_SERVER['PHP_SELF'] will start with / and will not include the query string.

You should probably check $_GET['page'] instead.

answered May 31, 2011 at 12:52

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

locrizak · Accepted Answer · 2011-05-31 12:51:00Z

0

Well if your looking for clicked at runtime you need javascript not php. Something like this using jQuery will work for you:

$(document).ready(function(){
    $('nav >ul li').click(function(){
        //remove all current classes
        $('.current').removeClass('current');
        $(this).addClass('current');
    });
});

answered May 31, 2011 at 12:51

locrizak

12.3k12 gold badges63 silver badges81 bronze badges

Collectives™ on Stack Overflow

How do I dynamically insert a CSS class using PHP?

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Linked

Related