Как правильно построить навигационное меню, которое подсвечивает текущую страницу - PullRequest
Новая
       8

Как правильно построить навигационное меню, которое подсвечивает текущую страницу

1 голос
/ 10 октября 2009

Я настроил меню для довольно простого сайта на основе icant.co.uk . Это довольно просто, возможно, с 5 страницами. Небольшой сайт - это в основном браузер mysql для нескольких таблиц, использующий MATE . Theres файл common.php, который содержит HTML-код верхнего и нижнего колонтитула, и вот где я разместил код ниже

Код ниже выделяет текущую страницу в меню. Это ужасно, и я уверен, что должен быть лучший способ сделать это.

Любая помощь приветствуется, спасибо!

вот мой код 

<?php
        $currentFile = Explode('/', $_SERVER["PHP_SELF"]);
        $currentFile = $currentFile[count($currentFile) - 1];

        if ($currentFile == "orders.php"){
                echo '<li id="active"><a href="orders.php" id="current">Orders</a></li>';
        }
        else{
                echo '<li><a href="orders.php">Orders</a></li>';
        }

        if ($currentFile == "customers.php"){
                echo '<li id="active"><a href="customers.php" id="current">Customer List</a></li>';
        }
        else{
                echo '<li><a href="customers.php">Customer List</a></li>';
        }

        if ($currentFile == "order_details.php"){
                echo '<li id="active"><a href="order_details.php" id="current">Order Details</a></li>';
        }
        else{
                echo '<li><a href="order_details.php">Order Details</a></li>';
        }
?>

ОБНОВЛЕНИЕ Для любопытных ниже приведен рабочий код! 

<?php
    $currentFile = Explode('/', $_SERVER["PHP_SELF"]);
    $currentFile = $currentFile[count($currentFile) - 1];

    // easier to manage in case you want more pages later
    $pages = array(
        array("file" => "orders.php", "title" => "Orders"),
        array("file" => "order_details.php", "title" => "Order Details"),
        array("file" => "customers.php", "title" => "Customer List")
    );
    $menuOutput = '<ul>';
    foreach ($pages as $page) {
       $activeAppend = ($page['file'] == $currentFile) ? ' id="active"' : "";
       $currentAppend = ($page['file'] == $currentFile) ? ' id="current' : "";
       $menuOutput .= '<li' . $activeAppend . '>'
                   .  '<a href="' . $page['file'] . '"' . $currentAppend . '">' . $page['title'] .'</a>'
                   .  '</li>'; 
    }           
    $menuOutput .= '</ul>';

    echo $menuOutput;

?>

Ответы [ 4 ]

3 голосов
/ 10 октября 2009

Что я обычно делаю, это что-то вроде (для всех элементов ...): 

<li class="<?php if (condition) echo 'selected'; ?>">content part, links, etc.</li>
2 голосов
/ 10 октября 2009

Более краткий способ сделать это (если у вас включены короткие теги): 

<li class="<?= $test=="your_page_name" ? 'selected' : 'not_selected'?>">Link Name</li>

Он выполняет ту же функцию, что и первый ответ, только более кратко.

2 голосов
/ 10 октября 2009

Не уверен, что вы имели в виду, но таким образом вы избавитесь от этого уродливого if-else: 

$currentFile = Explode('/', $_SERVER["PHP_SELF"]);
$currentFile = $currentFile[count($currentFile) - 1];

// easier to manage in case you want more pages later
$pages = array(
    array("file" => "orders.php", "title" => "Orders"), 
    array("file" => "customers.php", "title" => "Customer List")
);
$menuOutput = '<ul>';
foreach ($pages as $page) {
   $activeAppend = ($page['file'] == $currentFile) ? ' id="active"' : "";
   $menuOutput .= '<li' . $activeAppend . '>'
               .  '<a href="' . $page['file'] . '">' . $page['title'] .'</a>'
               .  '</li>'; 
}           
$menuOutput .= '</ul>';

echo $menuOutput;
0 голосов
/ 10 октября 2009

Вот фрагмент из моего проекта. Это старый уродливый код и использует таблицы, но вы можете также легко использовать идею для div и более чистой разметки. Хитрость заключается в том, чтобы заставить навигацию использовать другой класс, если текущая страница соответствует ее URL. 

    <td><a class='LeftSubNavLink<?php if($_SERVER["SCRIPT_NAME"] == "/admin/billing_home.php"){print("Current");}?>' href='<?php print(MAIN_URL); ?>admin/billing_home.php'>Billing Home</a></td></tr>
    <td><a class='LeftSubNavLink<?php if($_SERVER["SCRIPT_NAME"] == "/admin/billing_schedules.php"){print("Current");}?>' href='<?php print(MAIN_URL); ?>admin/billing_schedules.php'>Billing Schedules</a></td></tr>
    <td><a class='LeftSubNavLink<?php if($_SERVER["SCRIPT_NAME"] == "/admin/billing_outstanding.php"){print("Current");}?>' href='<?php print(MAIN_URL); ?>admin/billing_outstanding.php'>Outstanding</a></td></tr>
    <td><a class='LeftSubNavLink<?php if($_SERVER["SCRIPT_NAME"] == "/admin/billing_list.php"){print("Current");}?>' href='<?php print(MAIN_URL); ?>admin/billing_list.php'>List All</a></td></tr>
    <td><a class='LeftSubNavLink<?php if($_SERVER["SCRIPT_NAME"] == "/admin/billing_history.php"){print("Current");}?>' href='<?php print(MAIN_URL); ?>admin/billing_history.php'>Billing History</a></td></tr>
    <td><a class='LeftSubNavLink<?php if($_SERVER["SCRIPT_NAME"] == "/admin/billing_statement_history.php"){print("Current");}?>' href='<?php print(MAIN_URL); ?>admin/billing_statement_history.php'>Statement History</a></td></tr>
...