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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
$(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.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<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> |
