How to apply a CSS class depending on a value contained in PHP variable?

Question

I'm using PHP, MySQL, HTML and CSS. Depending upon value in my PHP variable I want to apply a CSS class to an

element. How should I do this? My code snippet of PHP and HTMl(

element) is as follows:

<?php
$e=$_POST['users']; //$e should have either employee_id or a string "All"
?>
<li><p align="center"><a href="salary_report.php">Salary Report(Individual)</a></p></li>
      <li><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>

Now the scenario is if $e=="All" then I have to apply a CSS class "class="active" to following

<li><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>

and if not then aapply the same CSS class to the other

<li><p align="center"><a href="salary_report.php">Salary Report(Individual)</a></p></li>

My issue is how should I use a condition depending upon PHP variable and apply a specific class to an HTML element? Can anyone help me in this regard? Thanks in advance.

GautamD31 · Accepted Answer · 2013-07-27 08:48:10Z

7

Try with the ternary operator like

<li class="<?php echo $e == "All" ? 'active' : ''; ?>><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>

answered Jul 27, 2013 at 8:48

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

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

Comments

K P · Accepted Answer · 2013-07-27 08:51:40Z

4

You can do it by following code.

<?php 
if($e=="All")
{
?>
<li class="active"><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>
<?php
}else{
?>
<li class="active"><p align="center"><a href="salary_report.php">Salary Report(Individual)</a></p></li>
<?php
}
?>

answered Jul 27, 2013 at 8:51

K P

3923 silver badges14 bronze badges

Comments

Tobias Golbs · Accepted Answer · 2013-07-27 08:47:53Z

3

You could do it like this:

<li class="<?php echo $e == "all" ? 'active' : ''; ?>><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>

answered Jul 27, 2013 at 8:47

Tobias Golbs

4,6164 gold badges31 silver badges50 bronze badges

Comments

vladkras · Accepted Answer · 2013-07-27 08:59:54Z

3

I don't understand why nobody says about second <li>. Just flip the statements to make another <li> "active"

<?php
$e=$_POST['users']; 
?>
<li<?=($e=='All'?'':' class="active"')?>><p align="center"><a href="salary_report.php">Salary Report(Individual)</a></p></li>
<li<?=($e=='All'?' class="active"':'')?>><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>

edited Jul 27, 2013 at 8:59

answered Jul 27, 2013 at 8:52

vladkras

17.2k4 gold badges50 silver badges55 bronze badges

Comments

akash · Accepted Answer · 2013-07-27 08:51:07Z

2

<li class="<?php echo $e == "All" ? 'active' : ''; ?>><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>

answered Jul 27, 2013 at 8:51

akash

2,1674 gold badges21 silver badges32 bronze badges

Comments

Ahmed Habib · Accepted Answer · 2013-07-27 09:26:32Z

1

You can also approach this way.. This is for better understanding of what is doing out there.

<?php
$data = ($e == "All") ? 'active' : ''; 
?>

<li class="<?php echo $data; ?>"><p align="center"><a href="salary_report_combined.php">Salary Report(Combined)</a></p></li>

answered Jul 27, 2013 at 9:26

Ahmed Habib

18911 bronze badges

Collectives™ on Stack Overflow

How to apply a CSS class depending on a value contained in PHP variable?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related