PHP Javascript Dynamically indicate clicked menu item

Question

I'm currently building a dynamic Website using PHP

I'm having a nav menu like this:

<nav>
          <ul class="menu">
            <li class="current"><a href="?p=home">Startseite</a></li>
            <li><a href="?p=cars">Fahrzeuge</a></li>
            <li><a href="?p=anfahrt">Anfahrt</a></li>
            <li><a href="?p=impressum">Impressum</a></li>
          </ul>

Currently I'm indicating the clicked item by manually adding the css class "current" to that specific item. But, as my website is dynamic, since PHP is including files instead of having the pages manually, I need to indicate it programmatically, how do I go about that? Any Help is greatly appreciated My CSS:

header .highlight, header .current a{
  color:#e8491d;
  font-weight:bold;
}

header a:hover, header li.active{
  color:#cccccc;
  font-weight:bold;

Its simple. If ($_GET['p']=='cars'){ echo "current"; } into class="". You can try it. you write a function or switch or both — Sercan REYHANLI
– Sercan REYHANLI, Commented Nov 19, 2017 at 14:55
I tried that. But it doesn't work. It isn't indicating anything. — floreich
– floreich, Commented Nov 19, 2017 at 15:01

Tobias Schäfer · Accepted Answer · 2017-11-19 15:07:11Z

1

Like the comment of @ivan-barayev:

<nav>
          <ul class="menu">
            <li class="<?php if( $_GET['p'] == 'home'){echo 'current';} ?>"><a href="?p=home">Startseite</a></li>
            <li class="<?php if( $_GET['p'] == 'cars'){echo 'current';} ?>"><a href="?p=cars">Fahrzeuge</a></li>
            <li class="<?php if( $_GET['p'] == 'anfahrt'){echo 'current';} ?>"><a href="?p=anfahrt">Anfahrt</a></li>
            <li class="<?php if( $_GET['p'] == 'impressum'){echo 'current';} ?>"><a href="?p=impressum">Impressum</a></li>
          </ul>

This should work.

answered Nov 19, 2017 at 15:07

Tobias Schäfer

1,3683 gold badges17 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

PHP Javascript Dynamically indicate clicked menu item

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related