Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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..
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban