PHP установить активную ссылку на странице, используя включает - PullRequest
Новая
       20

PHP установить активную ссылку на странице, используя включает

13 голосов
/ 12 декабря 2011

Итак, я искал SO в течение часа, пытаясь найти ответ, а также пробовал различные методы, , включая

. Я пытаюсь включить свои страницы вместе с навигацией.Но на правильной странице мне нужно, чтобы элемент списка имел класс active.Навигация находится в header.php и в настоящее время выглядит следующим образом: 

<nav>
    <ul>
      <li class="active"> <a href="/">Home</a> </li>
      <li> <a href="#">Apps</a> </li>
      <li> <a href="#">Forums</a> </li>
    </ul>
  </nav>

Во-первых, я понятия не имею, будет ли JS (jQuery) лучше или PHP лучше.И то и другое не имеет значения, работает ли он.

Кроме того, я немного новичок в PHP и пытаюсь учиться.

Какой метод можно использовать проще всего (надеюсь)?Так что мне не нужно менять много кода, просто чтобы дать навигацию class="active"

Ответы [ 8 ]

30 голосов
/ 12 декабря 2011

Если у вас есть переменная $page (которая содержит название страницы, на которой вы сейчас находитесь): 

  <nav>
    <ul>
      <li class="<?php echo ($page == "home" ? "active" : "")?>"> <a href="/">Home</a> </li>
      <li class="<?php echo ($page == "apps" ? "active" : "")?>"> <a href="#">Apps</a> </li>
      <li class="<?php echo ($page == "forums" ? "active" : "")?>"> <a href="#">Forums</a> </li>
    </ul>
  </nav>
8 голосов
/ 13 февраля 2014

Вот простой способ, где вам не нужно добавлять какие-либо другие переменные 

<li class="<?php echo ($_SERVER['PHP_SELF'] == "/index.php" ? "active" : "");?>">
<a href="index.php">Start</a>
</li>
<li class="<?php echo ($_SERVER['PHP_SELF'] == "/about.php" ? "active" : "");?>">
<a href="about.php">About</a>
</li>
<li class="<?php echo ($_SERVER['PHP_SELF'] == "/practices.php" ? "active" : "");?>">
<a href="practices.php">Practices</a>
</li>
0 голосов
/ 09 апреля 2019 
$page_url = $_SERVER['QUERY_STRING'];

$s = explode("&",$page_url);
//print $s[0];
$page = $s[0];

function createTopNav($page)
{
    $pages = array(
        array(
            'name'=>'Feeder',
            'link'=>'page=feeder'
        ),
        array(
            'name'=>'Services',
            'link'=>'page=services'
        ),
        array(
            'name'=>'Development',
            'link'=>'page=development'
        ),
        array(
            'name'=>'Design',
            'link'=>'page=design'
        ),

    );
    $res = "";
    foreach($pages as $key=>$val)
    {
        if($val['link']==$page)
        {
            $res.= "<a class=\"active\" href=\"?"
            .$val['link'].
            "\">"
            .$val['name'].
            "</a>";
        }
        else
        {
            $res.= "<a class=\"\" href=\"?"
            .$val['link'].
            "\" >"
            .$val['name'].
            "</a>";
    }
    }
    $res.="";
    return $res;
}

echo createTopNav($page);
0 голосов
/ 29 сентября 2018

Добавить basename функцию до $_SERVER. Я надеюсь, что это сработает. 

echo (basename($_SERVER['PHP_SELF']) == 'yourPageName' ?'active' : " ");
0 голосов
/ 04 августа 2018

определить переменную $ page = "index.php" на странице index.php, а для других страниц изменить значение переменной в соответствии с именем страницы 

<li class="<?php echo ($page == "index.php" ? "active" : "")?>">
    <a href="index.php">Home</a>
</li>
<li class="<?php echo ($page == "about.php" ? "active" : "")?>">
    <a href="about.php">About</a>
</li>
<li class="<?php echo ($page == "service.php" ? "active" : "")?>">
    <a href="service.php">Services</a>
</li>
<li class="<?php echo ($page == "contact.php" ? "active" : "")?>">
    <a href="contact.php">Contact</a>
</li>
0 голосов
/ 11 апреля 2015

Если вы не хотите использовать jQuery или PHP - можете сделать следующее:

  1. Присвойте ID или разные CLASS каждому элементу <li> в "your-include-nav.php".
  2. Определите «активный» стиль с помощью CSS в разделе <head> на каждой странице.
0 голосов
/ 25 июня 2013

При использовании заголовка страницы: 

<?php $loc = this.location; ?>

Тогда к каждой ссылке добавьте: 

<?php(this.href == $loc) ? echo 'class="active"' : '' ?>
0 голосов
/ 12 декабря 2011

если вы используете строку запроса exmaple.com?page_id=Apps для передачи идентификатора страницы, чем с php вы можете подойти к этой вещи

$ page_id = $ _REQUEST ['page_id']; 

 <ul>
          <li class="<?php echo ($page_id == "Home" ? "active" : "");?>">
 <a href="/">Home</a>
          </li>
          <li class="<?php echo ($page_id == "Apps" ? "active" : "");?>">
 <a href="#">Apps</a>
          </li>
          <li class="<?php echo ($page_id == "Forums" ? "active" : ""); ?>">
 <a href="#">Forums</a>
          </li>
        </ul>
...