Load Menu navigasi pada codeigniter dengan ajax

Selamat pagi para master,
Mohon pencerahannya untuk masalah ini,pembuatan menu pada codeigniter yang di load menggunakan ajax.

Jadi,saat kolom menu navigasi diklik load content muncul di bagian content.

kira kira begini scriptnya:

Ini script javascriptnya

$(document).ready(function(){
		$('.klik-menu').click(function(){
			var menu = $(this).attr('id');
			
			if(menu == "tentang"){
				$('.beranda-right').load("tentang_kami.php");
			}else if(menu == "informasi"){
				$('.beranda-right').load('informasi_usaha.php');
			}else if(menu == "produk"){
				$('.beranda-right').load('tema_produk.php');
			}else if(menu == "brand"){
				$('.beranda-right').load('tema_brand.php');
			}else if(menu == "customer"){
				$('.beranda-right').load('tema_customer.php');
			}else if(menu == "keuntungan"){
				$('.beranda-right').load('tema_keuntungan.php');
			}else if(menu == "event"){
				$('.beranda-right').load('tema_event.php');
			}
			
			
		});
		
		*$(".beranda-right").load("tentang_kami.php");

$(document).ready(function(){

$('.klik-menu').click(function(){

var menu = $(this).attr('id');

if(menu == "tentang"){

$('.beranda-right').load("tentang_kami.php");

}else if(menu == "informasi"){

$('.beranda-right').load('informasi_usaha.php');

}else if(menu == "produk"){

$('.beranda-right').load('tema_produk.php');

}else if(menu == "brand"){

$('.beranda-right').load('tema_brand.php');

}else if(menu == "customer"){

$('.beranda-right').load('tema_customer.php');

}else if(menu == "keuntungan"){

$('.beranda-right').load('tema_keuntungan.php');

}else if(menu == "event"){

$('.beranda-right').load('tema_event.php');

}

});

*$(".beranda-right").load("tentang_kami.php");

Dan ini untuk script html nya.

<div class="beranda-main">
				<div class="wrap">
					<div class="beranda-left">
						<ul>
						<li><a class="klik-menu" id="tentang">TENTANG KAMI</a></li>
						<li><a class="klik-menu" id="informasi">INFORMASI PERUSAHAAN</a></li>
						<li><a class="klik-menu" id="produk">PRODUK KAMI</a></li>
						<li><a class="klik-menu" id="brand">BRAND KAMI</a></li>
						<li><a class="klik-menu" id="customer">CUSTOMER KAMI</a></li>
						<li><a class="klik-menu" id="keuntungan">KEUNTUNGAN PELANGGAN</a></li>
						<li><a class="klik-menu" id="event">EVENT PERUSAHAAN</a></li>
						</ul>
					</div>
					
					<div class="beranda-right">
					</div>
					<div class="clear"> </div>
				</div>
			</div>

<ul>

<li><a class="klik-menu" id="tentang">TENTANG KAMI</a></li>

<li><a class="klik-menu" id="informasi">INFORMASI PERUSAHAAN</a></li>

<li><a class="klik-menu" id="produk">PRODUK KAMI</a></li>

<li><a class="klik-menu" id="brand">BRAND KAMI</a></li>

<li><a class="klik-menu" id="customer">CUSTOMER KAMI</a></li>

<li><a class="klik-menu" id="keuntungan">KEUNTUNGAN PELANGGAN</a></li>

<li><a class="klik-menu" id="event">EVENT PERUSAHAAN</a></li>

</ul>

</div>

</div>

</div>

Dibaca: 5,179

Baca Juga

Rekomendasi untuk kamu