From php multidimensional array trying to create nested ul li menu (unlimited nested levels)

Question

Here is what i have got http://codepad.org/iDoXXsLX

Have array like this

Array
(
[0] => Array
    (
        [NumberRenamed] => 17
        [TopicName] => Products
        [UpperLevelNumberRenamed] => 0
    )

[17] => Array
    (
        [0] => Array
            (
                [1] => Array
                    (
                        [NumberRenamed] => 18
                        [TopicName] => Computers
                        [UpperLevelNumberRenamed] => 17
                    )
            )
    )

[18] => Array
    (
        [0] => Array
            (
                [2] => Array
                    (
                        [NumberRenamed] => 16
                        [TopicName] => Laptops
                        [UpperLevelNumberRenamed] => 18
                    )
            )
    )

[16] => Array
    (
        [0] => Array
            (
                [4] => Array
                    (
                        [NumberRenamed] => 8
                        [TopicName] => Dell
                        [UpperLevelNumberRenamed] => 16
                    )
            )
    )
)

Top level item is Products, first sub-level item is Computers, next sub-level is Laptops, then again next sub-level Dell

For each sub-level item UpperLevelNumberRenamed == to closest upper level NumberRenamed.

Want to get result like this

Products
  Computers
    Laptops
      Dell
      Acer
    Desktops
Home

Tried this

foreach( $main_topics as $k_main_topics => $v_main_topics ){

if( isset($v_main_topics['UpperLevelNumberRenamed']) and $v_main_topics['UpperLevelNumberRenamed'] == 0 ){
//print only top level topics
echo $v_main_topics['TopicName']. '<br/>';
}

else{//if not top level topic

foreach( $v_main_topics[0] as $k_v_main_topics_0 => $v_v_main_topics_0 ){
echo $v_v_main_topics_0['TopicName']. '<br/>';
}//foreach( $v_main_topics[0] as $k_v_main_topics_0 => $v_v_main_topics_0 )

}//else{

}//foreach( $main_topics as $k_main_topics => $v_main_topics )

But get this

Products
Home
Computers
Laptops
Desktops
Dell
Acer

Something incorrect, but can not understand what. Please, advice what need to correct/change in the code

Trying another way

Initial array is one dimensional array. Trying to get ul li navigation from one dimensional.

Here is what i did http://codepad.org/OLtxyL4X

do these number really mean something?? In other words, do they reflect a database ID or so?... Besides, why are you nesting an extra level [17] => Array ( [0] => Array ( , [18] => Array ( [0] => Array (..... do you really need this? — KAD
– KAD, Commented Jul 3, 2015 at 5:39
Yes, numbers are primary keys - database id. Extra level made, because followed this answer stackoverflow.com/questions/7673044/…. Now appears, that do not need extra level. — Andris
– Andris, Commented Jul 3, 2015 at 5:44

Dave Chen · Accepted Answer · 2015-07-03 06:55:51Z

4

Here's a summary of what it does:

flatten the array recursively
build a multi-dimensional relation map
create 1D relationships that link UpperLevelNumberRenamed to NumberRenamed
print out the multi-dimensional as an ul-li list.

Here it is:

$flat = array();
foreach (new RecursiveIteratorIterator(new RecursiveArrayIterator($main_topics)) as $i)
  $flat[] = $i;
$final = array();
$defs = array();
for ($i = 0; $i < count($flat); $i += 3)
    if ($flat[$i + 2] == 0) {
        $final[$flat[$i + 1]] = array();
        $defs[$flat[$i]] = &$final[$flat[$i + 1]];
    } else {
        $defs[$flat[$i + 2]][$flat[$i + 1]] = array();
        $defs[$flat[$i]] = &$defs[$flat[$i + 2]][$flat[$i + 1]];
    }

function array2ul($array) {
    $out = "<ul>";
    foreach($array as $key => $elem)
        $out = is_array($elem) ?
        $out . "<li><span>$key</span>" . array2ul($elem) . "</li>" : 
        $out = $out."<li><span>$key:[$elem]</span></li>";
    $out = $out . "</ul>";
    return $out; 
}

echo array2ul($final);

Output:

<ul><li><span>Products</span><ul><li><span>Computers</span><ul><li><span>Laptops</span><ul><li><span>Dell</span><ul></ul></li><li><span>Acer</span><ul></ul></li></ul></li><li><span>Desktops</span><ul></ul></li></ul></li></ul></li><li><span>Home</span><ul></ul></li></ul>

edited Jul 3, 2015 at 6:55

answered Jul 3, 2015 at 6:17

Dave Chen

11k8 gold badges42 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Dave Chen Over a year ago

@user2118559 Check out this updated answer, it's now a ul-li list instead. See if this is better.

Andris Over a year ago

Yes, very good result, thank you (get what expected). I will need to understand the code step by step. My knowledge is too poor at the moment...

Andris Over a year ago

As understand in $i += 3 3 is number of elements inside each subarray. Tried to modify and added one more element. Here is result eval.in/391531 seems made some error

Dave Chen Over a year ago

@user2118559 Try this. Also make sure the code you're using is the one above. I have edited it since 1 hour ago. The HTML (when rendered) is indented correctly.

Dave Chen Over a year ago

@user2118559 Your logic was correct, indeed $i += 4 will work, it just wouldn't work with the old code from my previous edit.

KAD · Accepted Answer · 2015-07-03 06:33:05Z

This shall be a working example using recursion, not tested though:

Define the array

 $main_array = Array
    (
        '10' => Array
        (
            'name' => 'Products'
            'children' => Array
            (
                '12' => Array
                (
                    'name' => 'Laptop',
                    'children' => Array
                    (

                        '13' => Array
                        (
                            'name' => 'Dell',
                        ),
                        '14' => Array
                        (               
                            'name' => 'Acer',
                        )
                    )
                )
                '14' => Array
                (
                    'name' => 'Desktop',
                    'children' => Array
                    (

                        '15' => Array
                        (
                            'name' => 'Sony',
                        ),
                        '16' => Array
                        (               
                            'name' => 'Apple',
                        )
                    )
                ),
            ) 

        )
    )

Create and call the function :

 function createList($main_topics)
        {
            if($main_topics == null || sizeof($main_topics) <= 0)
            {
                return '';
            }

            $list = '<ul>';
            foreach($main_topics as $k_main_topics => $v_main_topics )
            {

                $list .= '<li id="' . $k_main_topics'"> '. $v_main_topics['name'] . ' ' .  createList(isset($v_main_topics["children"]) ? $v_main_topics["children"] : null) . '</li>' ;

            }

            $list .= '</ul>';

            return $list;

        }

        echo createList($main_array);

Collectives™ on Stack Overflow

From php multidimensional array trying to create nested ul li menu (unlimited nested levels)

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related