Mengaktifkan link menu pada template CodeIgniter

Pada tutorial sebelumnya yaitu Mulai membuat website pada CodeIgniter , ketika telah berhasil maka link menu bagian atas belum berfungi. Pada kali ini kita akan mengaktifkan link tersebut, dan ketika salah satu menu diklik maka konten dibawahnya akan berubah. Jadi yang direload hanya bagian konten saja, sedangkan bagian yang lain tetap.

Berikut cara untuk mengaktifkan bagian link menu:

  1. Membuat isi apa yang akan ditampilkan ketika salah satu menu diklik. Caranya buat file baru pada folder “views->home” ,misalnya kita akan menampilkan menu ‘About Us’, maka kita buat file bernama ‘about.php’ pada folder “home” tadi. Isi nya terserah Anda, kalo disini contohnya seperti ini:

           <div id=”text”>

                  <h1>About Us</h1>

        <p>saatnya belajar Codeigniter,ini merupakan halaman About us di jadibaru.com.</p>

</div>

*ini adalah contoh isi dari file ‘about.php’.
*buat juga file ‘home.php’ dengan isi “bebas”.

2. Buka file ‘template.php’ pada folder home kemudian tambahkan link tujuan pada menu, kira-kira menjadi seperti ini:

membuat link menu pada ci

3. Buka file’template.php’ pada folder “controllers”  dan tambahkan function berkut ini:

function about()

{

                $data[‘judul’]=”tentang kita”;

                $data[‘konten’]=”home/about”;

                $data[‘aktif’]=’class=”active”‘;

                $this->load->view(‘home/template’,$data);

}

*edit juga function pada ‘public function index()’
sehingga pada file ‘template.php’ menjadi seperti ini:

 menambah function pada ci4.Buka file ‘template.php’ pada folder home, kemudian edit, hapus bagian yang tampil  pada bagian konten dan yang akan ganti ketika menu diklik. menghapus bagian konten pada template ci

->sehingga menjadi seperti ini:
menambah code untuk menampilkan konten

ketika bagain yang ditandai warna hijau diatas telah dihapus kemudian ganti dengan code berikut:  <?php $this->load->view($konten); ?>

5. Jalankan CI-nya, apakah ada masalah??

6. Buat juga link pada semua menu, dan juga tambahkan function pada controllers-nya, dan jangan lupa buat file yang akan di tampilkan pada folder “home”, seperti langkah-langkah diatas, sampai semua menu aktif dan berhasil tentunya.

7. Oh iya ada yang ketinggalan,,, untuk menampilan judul/title setiap konten yang dipilih pada browser, caranya buka file ‘template.php’ pada folder views->home, kemudian antara  script : <title></title> kita tambahkan code :
<?php echo $judul; ?> . sehingga seperti ini:

<title><?php echo $judul; ?> </title>

#Bersambung…

Jadibaru

Orang bijak selalu tinggalkan jejak, :)

You may also like...

13 Responses

  1. WilliamMr says:

    ?I used to be very happy to search out this internet-site.I wished to thanks to your time for this excellent read!! I definitely having fun with each little bit of it and I have you bookmarked to take a look at new stuff you weblog post.

  2. MartinMa says:

    Completely I share your opinion. It seems to me it is excellent idea. Completely with you I will agree.

  3. WilliamMr says:

    After study a couple of of the blog posts in your web site now, and I actually like your manner of blogging. I bookmarked it to my bookmark web site checklist and might be checking again soon. Pls try my website as effectively and let me know what you think.

  4. WilliamMr says:

    After examine a few of the weblog posts on your web site now, and I really like your way of blogging. I bookmarked it to my bookmark website record and will likely be checking again soon. Pls take a look at my website online as well and let me know what you think.

  5. WilliamMr says:

    Youre so cool! I dont suppose Ive learn anything like this before. So good to search out anyone with some original ideas on this subject. realy thank you for beginning this up. this website is something that’s needed on the net, someone with a little originality. useful job for bringing one thing new to the web!

  6. DanMr says:

    Nice post. I be taught one thing tougher on different blogs everyday. It is going to always be stimulating to learn content material from other writers and apply a bit something from their store. I’d want to make use of some with the content on my weblog whether you don’t mind. Natually I’ll give you a link on your web blog. Thanks for sharing.

  7. DanMr says:

    This really answered my downside, thank you!

  8. ci says:

    Gan gimana ya caranya manggil file yg mempunyai class yg beda ?
    Saya pakai ci 1.7.2 dengan database oracle 9 (toad client)

  9. Everybody really, everybody should look at this post and learn from it. Exceptional writing!

  10. Gan kalau membuat form untuk add menu kayak di wordpress dengan mengunakan codeigniter bagaimana ya?

  11. syarif says:

    Gan kok file image dan css nya g bisa ke load juga ya ketika klik menu about??

Leave a Reply

Your email address will not be published. Required fields are marked *