Navbar menu di swarakalibata_2018 ke html navbar bootstrap 4

Dibuat 5 Tahun lalu | 2019-11-01 13:27:16 WIB,

Telah Dilihat 992 Kali

Sultan Account

Adrie saputra Mengatakan : Sultan Account

struktur html dibawah ini :
 
Assalamualaikum Warahmatullahi Wabarakatuh...<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
 
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>

Ada 1 Jawaban

Bukhori Muslim
commented on 05 Nov 2019 09:31:37 Sultan Account

Salah satu jawaban terbaik,..

Assalamualaikum,.. biar lebih gampang coba modifikasi struktur yang saya buat dari Bootsrap 3 ini, 
tinggal ubah nama atributnya saja agar sesuai dengan bootsrap 4 :
    <div class="navbar-collapse collapse navbar-custom1" id="navbar-collapse">
    <?php 
    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='nav navbar-nav navbar-right'>";
    }else{
    	$html .= "<ul class='dropdown-menu'>";
    }
    foreach ($menu['parents'][$parent] as $itemId) {
    	if (!isset($menu['parents'][$itemId])) {
    		if(preg_match("/^http/", $menu['items'][$itemId]->link)) {
    			$html .= "<li class='dropdown'><a target='_BLANK' href='".$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a></li>";
    		}else{
    			$html .= "<li class='dropdown'><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 class='dropdown-submenu'><a class='dropdown-toggle nav-item' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false' target='_BLANK' href='".$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a>";
    		}else{
    			$html .= "<li class='dropdown-submenu'><a tabindex='-1' class='dropdown-toggle nav-item' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false' href='".base_url().''.$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a>";
    		}
    		$html .= build_main_menu($itemId, $menu);
    		$html .= "</li>";
    	}
    }
    $html .= "</ul>";
    }
    return $html;
    }
    echo main_menu();
    ?>
    </div><!--//navabr-collapse-->

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

Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (68414 Members, 793 Products, 5353 Topic, 13045 Comments)

Navbar menu di swarakalibata_2018 ke html navbar bootstrap 4

Ada 1 Jawaban

Hot Questions

Tentang Kami

Jam Layanan

Knowledgebase