HTML菜单,php,突出显示其子菜单项的第一项


HTML Menu, php, highlight first item of its submenu item

我正在寻找一个自动高亮顶部菜单项的解决方案。

目前的情况如下:我的默认菜单存储在.txt文件中:

<li><a href="index.php">HOME</a></li>
<li><a href="#">MENU_1</a>
  <ul>
    <li><a href="submenu_1.php">Submenu_1</a></li>
    <li><a href="submenu_2.php">Submenu_2</a></li>
  </ul>
</li>
<li><a href="#">MENU_2</a>
  <ul>
    <li><a href="#">Submenu_1</a>
      <ul>
        <li><a href="sub_submenu_1.php">Sub_Submenu_1</a></li>
        <li><a href="sub_submenu_2.php">Sub_Submenu_2</a></li>
      </ul>
    </li>
    <li><a href="#">Submenu_2</a></li>
  </ul>
</li>
<li><a href="menu_3.php">MENU_3</a></li>
<li><a href="menu_4.php">MENU_4</a></li>

因此,当submenusub_submenu或任何项目是当前页面时,我需要突出显示其最顶部的MENU_X父项目(因为在我的页面顶部栏上只有MENU_X项目可见(。

我把CSS样式应用于MENU_X,所以当我设置顶部菜单时,比如:

<li class="current"><a href="#">MENU_1</a>

它以.current CSS样式突出显示。

现在我正在搜索一个PHP脚本,它可以做这样的事情(仅限示例(:

<?php
$currentPage = $_SERVER["PHP_SELF"];
$url_parts = Explode('/', $currentPage);
$current_php_file = $url_parts[count($url_parts) - 1];
$raw_menu = file_get_contents("menu.txt");
$current_menu_item = '<li><a href="' . $current_php_file . '">'
$top_menuitem_of_current_page = someFunctionToFindOut(); //need some script to find out
$highlighted_menu_item = '<li class="current"><a href="' . $top_menuitem_of_current_page . '">';
$ready_menu = str_replace($top_menuitem_of_current_page, $highlighted_menu_item, $raw_menu);
echo $ready_menu;
?>

上面的代码基本上可以做到这一点,但我需要调用一些函数someFunctionToFindOut()来找出什么是$top_menuitem_of_current_page

有什么建议吗?

由于没有人提供有效的解决方案,我想回答我的问题:

include("menu.php");
$current_page = basename($_SERVER['PHP_SELF']);
$menu = "";
function menu_to_array($array, $found) {
    foreach($array as $key => $element){
        if(!is_array($element)){
            if($element == $current_page && !$found){
                $found = true;
                $menu .= "<li class='current'><a href='$element'>$key</a></li>";
            }else{
                $menu .= "<li><a href='$element'>$key</a></li>";
            }
        }else{ 
            if(found_current_page_in($element) && !$found){
                $menu .= "<li class='current'><a href='#'>$key</a><ul>" . menu_to_array($element, true) . "</ul></li>";
            }else{
                $menu .= "<li><a href='#'>$key</a><ul>" . menu_to_array($element, false) . "</ul></li>";
            }
        }
    }
    return $menu; 
}
function found_current_page_in($elem){
    foreach($elem as $key => $element){
        if(!is_array($element)){
            if($element == $current_page){
                return true;
            }
        }else{
            if(found_current_page_in($element)){
                return true;
            }
        }
    }
    return false;
}
$highlighted_menu = menu_to_array($menu_array, false);

menu.php文件(一个php数组,而不是存储在.txt文件中的平面文本(:

<?PHP
$menu_array = Array(
            'Main Page 1' => "page_1.php",
            'Main Page 2' => Array("Sub Page 1" => "sub_page_1.php", "Sub Page 2" => "sub_page_2.php"),
            'Main Page 3' => Array('Sub Page 1' => Array("Sub Sub Page 1" => "sub_sub_page_1.php", "Sub Sub Page 2" => "sub_sub_page_2.php"), 'Sub Page 2' => "#"),
            'Main Page 4' => "page_4.php"
        );
?>

这个效果很好。这基本上是互联网上代码聚合的结果。

您可以改用jQuery。所以,也许这个代码片段可以帮助你解决你的问题:

$(document).ready(function(){
    var pathname = window.location.pathname;
    var filename = pathname.substr(pathname.lastIndexOf("/") + 1);
    if( ! filename)
    {
        filename = "index.php";
    }
    $("ul.navigation > li > a").each(function(){
        if($(this).attr("href") == filename || $(this).next("ul").find("a[href='"+filename+"']").length > 0)
        {
            $(this).addClass("current");
        }
    });
});