Dynamic menu from PHP array

Question

Hey I have question about Dynamic menu which is created in php. Code is from stackoverflow, what I want is to get my parent styled with red color if children of those parent is selected, here is code:

$menu = Array(
    Array(
        'title' => 'Home',
        'link' => 'a'
    ),
    Array(
        'title' => 'Parent',
        'link' => 'b',
        'children' => Array(
            Array(
                'title' => 'Sub 1',
                'link' => 'c'
            ),
            Array(
                'title' => 'Sub 2',
                'link' => 'd'
            ),
        )
    )
); 
function buildMenu($menuArray)
{
    foreach ($menuArray as $node)
    {
        $selected = ($node['link']== $_GET['menu']) ? $selected = 'style="color: red;"' : null;
        echo "<li ".$selected."><a href='?menu=".$node['link']."'/>" . $node['title'] . "</a>";
        if ( ! empty($node['children'])) {
            echo "<ul>";
            buildMenu($node['children']);
            echo "</ul>";
        }
        echo "</li>";
    }
}
buildMenu($menu);

So how it needs to go:

Home
Parent - selected
Sub 1 - selected
Sub 2

or

Home
Parent - selected
Sub 1
Sub 2 - selected

Hope someone understand what i want? If my children under parent is selected also parent needs to be selected.

give the style to anchor instead of li

Nouphal.M
– Nouphal.M

2014-02-06 09:49:19 +00:00
Commented Feb 6, 2014 at 9:49 — Nouphal.M
– Nouphal.M, Commented Feb 6, 2014 at 9:49
that makes no difference.

user3278890
– user3278890

2014-02-06 09:52:15 +00:00
Commented Feb 6, 2014 at 9:52 — user3278890
– user3278890, Commented Feb 6, 2014 at 9:52
What is the content of $_GET['menu']?

Nouphal.M
– Nouphal.M

2014-02-06 09:53:05 +00:00
Commented Feb 6, 2014 at 9:53 — Nouphal.M
– Nouphal.M, Commented Feb 6, 2014 at 9:53
I get link which page is opened with $_GET['menu']

user3278890
– user3278890

2014-02-06 09:55:38 +00:00
Commented Feb 6, 2014 at 9:55 — user3278890
– user3278890, Commented Feb 6, 2014 at 9:55
So $_GET['menu'] would contain values like a,b,c,d right?

Nouphal.M
– Nouphal.M

2014-02-06 10:01:47 +00:00
Commented Feb 6, 2014 at 10:01 — Nouphal.M
– Nouphal.M, Commented Feb 6, 2014 at 10:01

Roopendra · Accepted Answer · 2014-02-06 12:08:54Z

1

I have added one function to check element in children array. May be something better solution are there. But at this its quick solution for you :)

$menu = array(
    array(
        'title' => 'Home',
        'link' => 'a'
    ),
    array(
        'title' => 'Parent',
        'link' => 'b',
        'children' => array(
            array(
                'title' => 'Sub 1',
                'link' => 'c'
            ),
            array(
                'title' => 'Sub 2',
                'link' => 'd'
            ),
        )
    )
);

function buildMenu($menuArray) {
    foreach ($menuArray as $node) {

        $getMenu = isset($_GET['menu']) ? $_GET['menu'] : '';
        $checkParent = (isset($node['children']) && !empty($node['children'])) ? checkInChildArray($getMenu, $node['children']) : '';
        $parentSelected = ($checkParent) ? $selected = 'style="color: red;"' : null;
        echo "<li " . $parentSelected . "><a href='?menu=" . $node['link'] . "'>" . $node['title'] . "</a></li>";
        if (isset($node['children']) && !empty($node['children'])) {

            echo "<ul>";
            foreach ($node['children'] as $subMenu) {
                $childSelected = ($subMenu['link'] == $getMenu) ? $selected = 'style="color: red;"' : null;
                echo "<li " . $childSelected . "><a href='?menu=" . $subMenu['link'] . "'>" . $subMenu['title'] . "</a></li>";
            }
            echo "</ul>";
        }
        echo "</li>";
    }
}

// Checking if selected menu inside children array. 

function checkInChildArray($needle, $haystack, $strict = false) {
    foreach ($haystack as $item) {
        if (($strict ? $item['link'] === $needle : $item == $needle) || (is_array($item) && checkInChildArray($needle, $item, $strict))) {
            return true;
        }
    }

    return false;
}


echo buildMenu($menu);

Working Demo

edited Feb 6, 2014 at 12:08

answered Feb 6, 2014 at 10:04

Roopendra

7,75716 gold badges72 silver badges95 bronze badges

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

7 Comments

user3278890 Over a year ago

Still doesnt select my parent of my childrens.

Roopendra Over a year ago

Ahh. I see . Let say if d is $_GET['menu'] value then d should display in red color and its parent as well. right?

user3278890 Over a year ago

Yes if Sub2 is selected than Parent needs to be also selected, but is not.

Roopendra Over a year ago

@user3278890 . Check my current solutions

user3278890 Over a year ago

Now is working but only on item D on item C doesnt select Parent and also if u use only parent doesnt select Parent

|

Haris · Accepted Answer · 2014-02-06 09:52:56Z

0

Use jQuery to add parent li a background color

$('li.selected').parent().closest('li').css("color","red");

answered Feb 6, 2014 at 9:52

Haris

1263 silver badges11 bronze badges

1 Comment

user3278890 Over a year ago

I would like to add class to li throught php if its possible somehow.

Ruben · Accepted Answer · 2014-02-06 11:46:49Z

0

Pass every menu level to the url. You can add the "selected" class for every menu level. So:

$current_menu_level_1 = (isset($_GET['menu_level_1'])) ? $_GET['menu_level_1'] : false;
$current_menu_level_2 = (isset($_GET['menu_level_2'])) ? $_GET['menu_level_2'] : false;

When building your menu, compare the 'to be build item' to the $current_menu_level1/2 variable and add echo the class when they are the same.

answered Feb 6, 2014 at 11:46

Ruben

3442 silver badges11 bronze badges

Comments

Juan de Parras · Accepted Answer · 2014-02-06 11:57:14Z

0

please, consider create a css class selected for <li> elements and <ul> elements.

With PHP insert this styles when needed, Like this:

$selected = ($node['link']== $_GET['menu']) ? $selected = 'selected' : '';
echo "<li class='".$selected."'>";

echo "<ul class='".$selected."'>";
        buildMenu($node['children']);
echo "</ul>";

answered Feb 6, 2014 at 11:57

Juan de Parras

7884 silver badges18 bronze badges

Collectives™ on Stack Overflow

Dynamic menu from PHP array

4 Answers 4

7 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related