php - Twig active navbar item -


in index.php

switch($page){     case 'home':         echo $twig->render('home.twig');         break;     case 'iletisim':         echo $twig->render('iletisim.twig');         break;     case 'hakkimizda':         echo $twig->render('hakkimizda.twig'); 

in layout.twig

                <nav id="primary-menu" class="serif normal">                     <ul>                         <li class="current"><a href="index.php?p=home"><div>ana sayfa</div></a></li>                               <li><a href="index.php?p=hakkimizda"><div>hakkımızda</div></a></li>                                              <li><a href="index.php?p=konaklama"><div>konaklama</div></a>                         </li>                                                     <li><a href="#"><div>Çocuk &amp; aile</div></a>                             <ul>                                                                <li><a href="index.php?p=oyun_alanlari"><div>oyun alanları</div></a></li>                                                                           <li><a href="index.php?p=piknik_alanlari"><div>piknik alanları</div></a></li>                                                              </ul>                                                   </ul>                 </nav><!-- #primary-menu end --> 

i want active in navbar when page changes, how can it

you can that:

in index.php

switch($page){     case 'home':         echo $twig->render('home.twig', ['current' => 'home']);         break;     case 'iletisim':         echo $twig->render('iletisim.twig', ['current' => 'iletisim']);         break;     case 'hakkimizda':         echo $twig->render('hakkimizda.twig', ['current' => 'hakkimizda']);     .... 

and in layout.twig

<nav id="primary-menu" class="serif normal">     <ul>         <li {{ (current == 'home') ? 'class="current"' : '' }}><a href="index.php?p=home"><div>ana sayfa</div></a></li>               <li {{ (current == 'hakkimizda') ? 'class="current"' : '' }}><a href="index.php?p=hakkimizda"><div>hakkımızda</div></a></li>                              <li {{ (current == 'konaklama') ? 'class="current"' : '' }}><a href="index.php?p=konaklama"><div>konaklama</div></a></li>                             ... 

of course, improve way.


Comments

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -