Pessoal estou tentando montar dinamicamente um menu com submenus com dados vindos de uma tabela do banco de dados, porém não consegui chegar a um resultado que funcionasse.
Tenho esse código para criar o menu e submenu em outro site, porém a forma de criação do menu do outro site era diferente (apenas ul
e li
de forma mais simplificada) e não consegui adaptar para chegar no resultado espero (final da questão).
<?php
$items = array ( 1 => array ( 'parent' => '0', 'tit_pag' => 'Inicial', 'url_pag' => '/', 'target_url' => '_self', 'id' => '1', ), 2 => array ( 'parent' => '0', 'tit_pag' => 'Principal 1', 'url_pag' => '/', 'target_url' => '_self', 'id' => '2', 'child' => array ( 3 => array ( 'parent' => '2', 'tit_pag' => 'Item 1', 'url_pag' => 'link1.html', 'target_url' => '_self', 'id' => '3', ), 4 => array ( 'parent' => '2', 'tit_pag' => 'Item 2', 'url_pag' => 'link2.html', 'target_url' => '_self', 'id' => '4', ), 5 => array ( 'parent' => '2', 'tit_pag' => 'Item 3', 'url_pag' => 'link3.html', 'target_url' => '_self', 'id' => '5', ), ), ), 6 => array ( 'parent' => '0', 'tit_pag' => 'Principal 2', 'url_pag' => '#', 'target_url' => '_self', 'id' => '6', 'child' => array ( 7 => array ( 'parent' => '6', 'tit_pag' => 'Item 4', 'url_pag' => 'link4.html', 'target_url' => '_self', 'id' => '7', ), 8 => array ( 'parent' => '6', 'tit_pag' => 'Item 5', 'url_pag' => 'link5.html', 'target_url' => '_self', 'id' => '8', ), 9 => array ( 'parent' => '6', 'tit_pag' => 'Item 6', 'url_pag' => 'link6.html', 'target_url' => '_self', 'id' => '9', ), ), ), 10 => array ( 'parent' => '0', 'tit_pag' => 'Principal 3', 'url_pag' => 'link7.html', 'target_url' => '_self', 'id' => '10', ), 11 => array ( 'parent' => '0', 'tit_pag' => 'Principal 4', 'url_pag' => 'link8.html', 'target_url' => '_self', 'id' => '11', ), );
function get_menu($items) {
$html = "<ul>";
foreach($items as $key=>$value) {
$html.= '<li><a href="/'.$value['url_pag'].'" target="'.$value['target_url'].'">'.$value['tit_pag'].'</a>';
if(array_key_exists('child',$value)) {
$html .= get_menu($value['child'],'child');
}
$html .= "</li>";
}
$html .= "</ul>";
return $html;
}
print get_menu($items);
?>
O código acima gera o seguinte resultado:
<ul>
<li><a href="//" target="_self">Inicial</a></li>
<li>
<a href="//" target="_self">Principal 1</a>
<ul>
<li><a href="/link1.html" target="_self">Item 1</a></li>
<li><a href="/link2.html" target="_self">Item 2</a></li>
<li><a href="/link3.html" target="_self">Item 3</a></li>
</ul>
</li>
<li>
<a href="/#" target="_self">Principal 2</a>
<ul>
<li><a href="/link4.html" target="_self">Item 4</a></li>
<li><a href="/link5.html" target="_self">Item 5</a></li>
<li><a href="/link6.html" target="_self">Item 6</a></li>
</ul>
</li>
<li><a href="/link7.html" target="_self">Principal 3</a></li>
<li><a href="/link8.html" target="_self">Principal 4</a></li>
</ul>
Porém o resultado que eu precisava era esse:
<ul class="nav navbar-nav">
<li><a href="//" target="_self">Inicial</a></li>
<li class="dropdown submenu">
<a href="//" target="_self" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Principal 1 <i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="link1.html" target="_self">Item 1</a></li>
<li><a href="link2.html" target="_self">Item 2</a></li>
<li><a href="link3.html" target="_self">Item 3</a></li>
</ul>
</li>
<li class="dropdown submenu">
<a href="/#" target="_self" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Principal 2 <i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="/link4.html" target="_self">Item 4</a></li>
<li><a href="/link5.html" target="_self">Item 5</a></li>
<li><a href="/link6.html" target="_self">Item 6</a></li>
</ul>
</li>
<li><a href="/link7.html" target="_self">Principal 3</a></li>
<li><a href="/link8.html" target="_self">Principal 4</a></li>
</ul>
<ul>
e<li>
, não entendi qual foi a dificuldade. Qual foi o HTML gerado por esse código para os dados que apresentou? Qual é a diferença em relação ao HTML desejado?var_dump($items)
antes de chamar a função e inclua o resultado disso na pergunta.