Membuat kategori dropdown seperti menu di Framework Codeigniter

Dibuat 6 Tahun lalu | 2019-07-27 12:13:00 WIB,

Telah Dilihat 3804 Kali

Sultan Account

Ahmad A Azari Mengatakan : Sultan Account

Assalamualaikum Warahmatullahi Wabarakatuh... saya ingin menampilkan kategori dan kategorinya sebagian ada yang dropdown seperti menu itu gimana ya penerapannya.mohon bantuannya mas?
 
//html
 
<ul class="pric_feat">
                        <li class="mb-2"><a href="#">All</a></li>
                        <li class="mb-2 dropdown-btn">Accessories
                            <i class="mdi mdi-chevron-down"></i>
                        </li>
                        <div class="dropdown-container">
                            <a href="#"><i class="mdi mdi-checkbox-marked-circle"></i> Basket</a>
                            <a href="#"><i class="mdi mdi-checkbox-marked-circle"></i> Bowl</a>
                            <a href="#"><i class="mdi mdi-checkbox-marked-circle"></i> Candle Holder</a>
                        </div>
                        <li class="mb-2"><a href="#">Mirror</a></li>
                        <li class="mb-2"><a href="#">Stool</a></li>
                        <li class="mb-2"><a href="#">Table</a></li>
                        <li class="mb-2"><a href="#">Wall Decor</a></li>
                        <li class="mb-2"><a href="#">Other</a></li>
                    </ul>

Ada 2 File Kiriman :

1. db.PNG (39 KB)
2. hasil-diharapkan.PNG (8 KB)

Ada 6 Jawaban

Bukhori Muslim
commented on 29 Jul 2019 06:48:47 Sultan Account

Assalamualaikum,.. ini carfanya sama dengan menampilakn menu dropdown pada swarakalibata,
coba buka database swarakalibata dan ke table menu, strukturnya hampir sama,
tinggal modifikasi saja pada tag htmlnya menjadi seperti di atas :
 
function main_menu() {
$ci = & get_instance();
$query = $ci->db->query("SELECT id_menu, nama_menu, link, id_parent FROM menu where aktif='Ya' AND position='Bottom' order by urutan");
$menu = array('items' => array(),'parents' => array());
foreach ($query->result() as $menus) {
    $menu['items'][$menus->id_menu] = $menus;
    $menu['parents'][$menus->id_parent][] = $menus->id_menu;
}
if ($menu) {
    $result = build_main_menu(0, $menu);
    return $result;
}else{
    return FALSE;
}
}
 
function build_main_menu($parent, $menu) {
$html = "";
if (isset($menu['parents'][$parent])) {
	if ($parent=='0'){
        $html .= "<ul class='the-menu'>
        			<li><a href='".base_url()."' style='background: url(".base_url()."asset/images/home.png) no-repeat center; font-size:0; width:34px;'><br></a></li>";
    }else{
    	$html .= "<ul>";
    }
    foreach ($menu['parents'][$parent] as $itemId) {
        if (!isset($menu['parents'][$itemId])) {
            if(preg_match("/^http/", $menu['items'][$itemId]->link)) {
                $html .= "<li><a target='_BLANK' href='".$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a></li>";
            }else{
                $html .= "<li><a href='".base_url().''.$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a></li>";
            }
        }
        if (isset($menu['parents'][$itemId])) {
            if(preg_match("/^http/", $menu['items'][$itemId]->link)) {
                $html .= "<li><a target='_BLANK' href='".$menu['items'][$itemId]->link."'><span>".$menu['items'][$itemId]->nama_menu."</span></a>";
            }else{
                $html .= "<li><a href='".base_url().''.$menu['items'][$itemId]->link."'><span>".$menu['items'][$itemId]->nama_menu."</span></a>";
            }
            $html .= build_main_menu($itemId, $menu);
            $html .= "</li>";
        }
    }
    $html .= "</ul>";
}
return $html;
}
echo main_menu();

Ahmad A Azari
commented on 10 Agu 2019 17:45:00 Sultan Account

Assalamualaikum,..  begini mas. tapi tampilannya malah blank putih tampilan websitenya
 
<?php 
                    function main_menu() {
                        $ci = & get_instance();
                        $query = $ci->db->query("SELECT id_kategori, nama_kategori, kategori_seo, id_parent FROM tb_kategori where aktif='Y' order by id_kategori");
                        $menu = array('items' => array(),'parents' => array());
                        foreach ($query->result() as $menus) {
                            $menu['items'][$menus->id_menu] = $menus;
                            $menu['parents'][$menus->id_parent][] = $menus->id_menu;
                        }
                        if ($menu) {
                            $result = build_main_menu(0, $menu);
                            return $result;
                        }else{
                            return FALSE;
                        }
                    }
 
                    function build_main_menu($parent, $menu) {
                        $html = "";
                        if (isset($menu['parents'][$parent])) {
                            if ($parent=='0'){
                                $html .= "<ul>
                                            <li><a href='".base_url()."'>All</a></li>";
                            }else{
                                $html .= "<ul class='submenu'>";
                            }
                            foreach ($menu['parents'][$parent] as $itemId) {
                                if (!isset($menu['parents'][$itemId])) {
                                    if(preg_match("/^http/", $menu['items'][$itemId]->link)) {
                                        $html .= "<li><a href='".$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a></li>";
                                    }else{
                                        $html .= "<li><a href='".base_url().''.$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a></li>";
                                    }
                                }
                                if (isset($menu['parents'][$itemId])) {
                                    if(preg_match("/^http/", $menu['items'][$itemId]->link)) {
                                        $html .= "<li><a href='".$menu['items'][$itemId]->link."'><span>".$menu['items'][$itemId]->nama_menu."</span></a>";
                                    }else{
                                        $html .= "<li><a href='".base_url().''.$menu['items'][$itemId]->link."'><span>".$menu['items'][$itemId]->nama_menu."</span></a>";
                                    }
                                    $html .= build_main_menu($itemId, $menu);
                                    $html .= "</li>";
                                }
                            }
                            $html .= "</ul>";
                        }
                        return $html;
                    }
                    echo main_menu();
                ?>

Ahmad A Azari commented on 14 Agu 2019 17:05:42 Sultan Account

	Assalamualaikum,.. Up

Bukhori Muslim
commented on 15 Agu 2019 07:17:37 Sultan Account

Assalamualaikum,.. ya pastinya blank lah gan, lebih teliti lagi jika ngoding, 
pastikan di sesuaikan di coding, ini masih ada 'id_menu' sedangkan di database/query antum gak ada : 
$menu['items'][$menus->id_menu] = $menus;
 
ini masih 'nama_menu' sedangkan di database/query  antum gak ada : 
".$menu['items'][$itemId]->nama_menu."

Bukhori Muslim commented on 15 Agu 2019 07:18:59 Sultan Account

	Assalamualaikum,.. struktur htmlnya juga belum disesuaikan dengan struktur yang antum minta di atas. walaupun querynya jalan namun tidak akan muncul juga seperti yang di inginkan.

Bukhori Muslim
commented on 15 Agu 2019 07:19:30 Sultan Account

Assalamualaikum,.. Coba ini :
function main_menu() {
$ci = & get_instance();
$query = $ci->db->query("SELECT id_kategori as id_menu, nama_kategori as nama_menu, kategori_seo as link, id_parent FROM tb_kategori where aktif='Y'");
$menu = array('items' => array(),'parents' => array());
foreach ($query->result() as $menus) {
    $menu['items'][$menus->id_menu] = $menus;
    $menu['parents'][$menus->id_parent][] = $menus->id_menu;
}
if ($menu) {
    $result = build_main_menu(0, $menu);
    return $result;
}else{
    return FALSE;
}
}
 
function build_main_menu($parent, $menu) {
$html = "";
if (isset($menu['parents'][$parent])) {
  if ($parent=='0'){
        $html .= "<ul class='pric_feat'>";
    }else{
      $html .= "<div class='dropdown-container'>";
    }
    foreach ($menu['parents'][$parent] as $itemId) {
        if (!isset($menu['parents'][$itemId])) {
          $html .= "<li class='mb-2'><a href='#'>".$menu['items'][$itemId]->nama_menu."</a></li>";
        }
        if (isset($menu['parents'][$itemId])) {
          $html .= "<a href='#'>".$menu['items'][$itemId]->nama_menu."</a>";
          $html .= build_main_menu($itemId, $menu);
          $html .= "</li>";
        }
    }
    if ($parent=='0'){
        $html .= "</ul>";
    }else{
      $html .= "</div>";
    }
}
return $html;
}
echo main_menu();

Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

	BSI - Bank Syariah Indonesia (451)

	ROBBY PRIHANDAYA
	1043-5665-19


	Bank Muamalat (147)
	ROBBY PRIHANDAYA
	4220-0174-81

Jual Beli Produk Digital - Cepat, Aman, Dan Terpercaya Sejak 2012 (Ada 69455 Members, 809 Products, 4726 Topic, 13078 Comments)

Membuat kategori dropdown seperti menu di Framework Codeigniter

Ada 6 Jawaban

Projects Remote

Hot Questions

Tentang Kami

Jam Layanan

Knowledgebase