Hallo allemaal,
Ik ben een code aan het omzetten van een HTML code naar een PHP die alles uit een database haalt.
De code bevat een stukje de het menu moet tonen. Met behulp van <li> en <lu>
Nu lukt het mij niet om de submenu's er in te krijgen.
Hieronder staan eerst de HTML code zoals die is, dan hoe die door de PHP code wordt gemaakt en als derde de php code die de html code moet maken.
Zo zo.... dat is nog eens een uitleg.
Ik heb inderdaad alles al in de juiste volgorde staan. Dat doe ik door het veld 'menu_sub_van' te gebruiken om aan te geven onder welk menu hij hoort, en 'menu_waarde' bepaal ik de hoogte in het menu. De items die het hoofdmenu vormen, hebben bij 'menu_sub_van' de waarde 0.
Als er een submenu is, vul ik daar de waarde in die bij de hoofdmenu-items bij 'menu_waarde' is ingevuld.
Door ORDER BY te gebruiken, levert de query alles in de juiste volgorde aan. Het blijft natuurlijk wel dat de data die ik in geef, goed moet worden ingegeven. Anders staat het menu door elkaar. Maar dat heeft verder niets met de werking van de code te maken.
Mijn probleem zit hem in het vullen van de array.
Misschien daarna nog wel meer, maar dat durf ik nu niet te zeggen. Ik dank dat het dan wel gaat lukken.
Want als het goed is zou bij een op de juiste manier gevulde array, de code moeten werken.
Heb je voorbeeld even aangepast, het volgende zou moeten werken. Je overschreef trouwens elke stap van de loop $myItems, dus dat ging sowieso niet werken :p.
Dit zou in grote lijnen moeten werken, hierbij bouw ik rechtstreeks de boom, zonder "myItems" in een apart array te zetten:
<?php
$query =
"SELECT menu_id, menu_tekst, menu_waarde, menu_sub_van, menu_link, menu_reg_date
FROM tabel_menu
ORDER BY menu_sub_van, menu_waarde";
$result = mysqli_query($connect, $query);
// NB dit is automatisch het element op index 0, het root-element, je zou dit ook expliciet kunnen doen met 0 => array(...)
$myTree = array(
array(
'data' => 'root',
'parent' => false, // of NULL, of wat dan ook, de root heeft geen parent
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
// maak het huidige tree-item aan
$myTree[$row['menu_id']] = array(
'parent' => $row['menu_sub_van'], // niet echt nodig om toe te voegen, maar kan handig zijn
'data' => $row['menu_tekst'],
'children' => array(), // initialiseer children als leeg array
);
// voeg het huidige item toe als child van de parent :)
// de query zou door de sorteervolgorde moeten garanderen dat het parent-element - $myTree[$row['menu_sub_van']] - reeds bestaat
$myTree[$row['menu_sub_van']]['children'][] = $row['menu_id'];
}
// de rest als voorheen
?>
Overigens, als de parent (menu_sub_van) NULL is, wat mogelijk handig kan zijn als je een relationele database hebt en een foreign key wilt maken die naar zichzelf (dezelfde tabel) wijst, dan zou je deze om moeten zetten naar 0 ingeval het het root-element betreft (of wat je voor index voor het root-element gekozen hebt - ook dit kun je vangen in een variabele zodat je dit maar op 1 plaats hoeft aan te passen), dus zoiets voor alle code:
Het is gelukt.
Ik heb het een en ander aangepast en wat gevogeld.
Eerder leerde ik dat PHP en HTML code zo veel mogelijk gescheiden dient te worden. Dus beginnen met PHP en daarna de HTML met een minimum aan PHP code. Dus die les heb ik goed onthouden en hier verwerkt.
Allemaal erg bedankt voor deze nieuwe lessen.
De code hier onder, is de uiteindelijke code. Het werkt.
<?php // *** menu ****
$query =
"SELECT menu_id, menu_tekst, menu_waarde, menu_sub_van, menu_link, menu_reg_date
FROM tabel_menu
ORDER BY menu_sub_van, menu_waarde";
$result = mysqli_query($connect, $query);
// NB dit is automatisch het element op index 0, het root-element, je zou dit ook expliciet kunnen doen met 0 => array(...)
$rootId = 0; // definieer deze variabele op 1 plek zodat je deze ook maar op 1 plaats hoeft aan te passen
$myTree = array(
$rootId => array(
'data' => 'root',
'parent' => NULL,
'link' => NULL,
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
$parent = ($row['menu_sub_van'] === NULL ? $rootId : $row['menu_sub_van']);
// maak het huidige tree-item aan
$myTree[$row['menu_waarde']] = array(
'parent' => $parent, // niet echt nodig om toe te voegen, maar kan handig zijn
'data' => $row['menu_tekst'],
'link' => $row['menu_link'],
'children' => array(), // initialiseer children als leeg array
);
// voeg het huidige item toe als child van de parent :)
// de query zou door de sorteervolgorde moeten garanderen dat het parent-element - $myTree[$row['menu_sub_van']] - reeds bestaat
$myTree[$parent]['children'][] = $row['menu_waarde'];
}
// weergavefunctie
function displayTree($tree, $index)
{
if ($index == 0) {
echo "<ul class='art-hmenu'>";
}
else
{
echo "<ul>";
}
foreach ($tree[$index]['children'] as $child)
{
echo "<li><a href='".$tree[$child]['link']."'>".$tree[$child]['data']."</a>";
if (count($tree[$child]['children']) > 0)
{
displayTree($tree, $child);
}
echo "</li>";
}
echo "</ul>";
}
?>
<nav class="art-nav">
<?php
// weergave
if (count($myTree) > 0)
{
displayTree($myTree,0);
}
?>
</nav>
Fijn dat het werkt. Al zou ik liever in de databasestructuur logische benaming gebruiken als ParentID, om in het stramien van je script te blijven. ;-)
