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");

	});


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>

Pertanyaannya adalah,penerapannya pada codeigniter bagaimana ya..

avatar aankusuka
@aankusuka

28 Kontribusi 4 Poin

Dipost 7 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban