多维导航阵列

时间:2013-02-21 20:54:19

标签: php html css html5

尝试使用多维数组和递归构建导航。我有以下代码:

首先,我在doctype下面的每个页面上运行<?php $title = 'pagename'; ?>(用于活动类检测)

ARRAY:

<?php

$nav_array = array ('Home' => 'index.php',
                   'About' => array ( 'about.php', array (
                        'Michael' => array( 'michael.php', array (
                            'Blog' => 'blog.php',
                            'Portfolio' => 'portfolio.php')), 
                        'Aaron' => 'aaron.php' , 
                        'Kenny' => 'kenny.php', 
                        'David'=> 'david.php')),

                   'Services' => array ( 'services.php', array (
                        'Get Noticed' => 'getnoticed.php', 
                        'Hosting' => 'hosting.php')),

                   'Clients' => 'clients.php',
                   'Contact Us' => 'contact.php'
    );

    $base = basename($_SERVER['PHP_SELF']);
?>

FOREACH:(生成导航)

<ul>
<?php

foreach ($nav_array as $k => $v) {
    echo buildLinks ($k, $v, $base);    
}
?>
</ul>

buildLinks:

<?php // Building the links

function buildLinks ($label_name, $file_name, $active_class) {
    if ($label_name == $title) {
        $theLink = "<li><a class=\"selected\" href=\"$file_name\">$label_name</a></li>\n";
    } else {
        $theLink = "<li><a href=\"$file_name\">$label_name</a></li>\n";
    }

    return $theLink;
}


?>

结果: http://khill.mhostiuckproductions.com/siteLSSBoilerPlate/arraytest.php

子菜单将使用CSS显示在父元素的悬停上。我需要能够通过多个子级别而不修改除阵列之外的任何内容。

如何让foreach以递归方式覆盖数组的其余部分?

(注意:我必须能够将一类活动应用于当前页面,并将一类箭头应用于具有子菜单的父元素。)

2 个答案:

答案 0 :(得分:1)

无论您使用什么数据结构来构建导航,您都需要使您的函数递归,这是一种快速而又脏的方式:

echo "<ul>";
foreach ($nav_array as $nav_title => $nav_data) {
  echo buildLinks($nav_title, $nav_data, $base, $title);
}
echo "</ul>";

/* NOTE that we pass $title to the function */
function buildLinks ($label_name, $file_name, $active_class, $title) {

  $theLink = '';
  /* this is dirty code, you should reconsider your data structure */
  $navigation_list = false;
  if (is_array($file_name)) {
    $navigation_list = $file_name[1];
    $file_name = $file_name[0];
  }

  if ($active_class == $title) {
    $theLink = "<li><a class=\"selected\" href=\"$file_name\">$label_name</a></li>\n";
  } else {
    $theLink = "<li><a href=\"$file_name\">$label_name</a></li>\n";
  }

  if ($navigation_list) {
    $theLink .= "<ul>";
    foreach ($navigation_list as $nav_title => $nav_data) {
      $theLink .= buildLinks($nav_title, $nav_data, $active_class, $title);
    }
    $theLink .= "</ul>";
  }

  return $theLink;
}

无论如何不是一个干净的解决方案,如果我是你,我会改变数据结构,使其更容易处理。

答案 1 :(得分:0)

我认为这是一种非常糟糕的方式。我建议将菜单元素保存为XML或JSON并使用解析器。这将有助于您的工作。