Gatot Ari Wibowo’s Weblog

Easy Menu Manager adalah sebuah aplikasi manajemen menu berbasis PHP, MySQL dan banyak menggunakan jQuery ajax untuk operasi add/edit/delete data.

Beberapa fitur yang ada dalam aplikasi ini adalah:

• Mendukung multi-level menu
• Operasi tambah, edit, hapus menggunakan ajax
• Drag-and-drop untuk mengubah urutan atau mengubah level (geser ke kanan untuk membuat sub menu)
• Script menu generator untuk membuat struktur list menu
• Style css untuk menu dropdown horizontal & vertical, dengan 5 jenis warna

Read more

Di dalam sebuah website, seringkali kita menemukan penggunaan menu bertingkat seperti pada gambar di atas. Menu yang bertingkat tersebut sebenarnya adalah sebuah struktur pohon/tree di mana suatu menu bisa memiliki anak (submenu), dan submenu tersebut juga bisa memiliki anak lagi dan seterusnya sampai level tak terbatas.

Berikut ini adalah contoh struktur html menu yang terdiri dari 3 level (menggunakan tag html <ul> dan <li>):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<ul>
    <li><a href="menu1.html">Menu 1</a></li>
    <li><a href="menu2.html">Menu 2</a></li>
    <li><a href="menu3.html">Menu 3</a>
        <ul>
            <li><a href="menu31.html">Sub Menu 3.1</a></li>
            <li><a href="menu32.html">Sub Menu 3.2</a>
                <ul>
                    <li><a href="menu321.html">Sub Menu 3.2.1</a></li>
                    <li><a href="menu322.html">Sub Menu 3.2.2</a></li>
                    <li><a href="menu323.html">Sub Menu 3.2.3</a></li>
                </ul>
            </li>
            <li><a href="menu33.html">Sub Menu 3.3</a></li>
        </ul>
    </li>
    <li><a href="menu4.html">Menu 4</a></li>
</ul>

Read more