Belajar Codeigniter dan Jquery

heem2

Bagaimana sih mengimplementasikan atau mempraktekan secara langsung framework codeigniter dan jquery, tulisan saya ini adalah tulisan dasar bagaimana menggabungkan framework codeigniter dan juga framework javascript jquery. dalam tulisan saya ini, saya mencoba membuat sebuah navigasi menggunakan javascript dan berjalan di framework codeigniter. wah bingung ya … oke biar ga bingung kita lansung pratek saja mudah kok yang pertama kalian lakukan adalah download codeigniter di http://www.codeigniter.com, setalah itu copykan di localhost komputer saya harap anda sudah paham… oke setelah itu download file ini

isi dari downloadtan adalah sebagai berikut

saple

selanjutnya copy kan semua isi download-tan kamu ke dalam folder

/CodeIgniter_1.7.1/

selanjutnya buka file Codeigniter_17.1/system/application/view/welcome_message.php

hapus semua code dan gantilah dengan code seperti berikut

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen” />
<script type=’text/javascript’ src=’jquery-1.2.6.min.js’></script>
<script type=’text/javascript’ src=’kwicks.js’></script>
<script type=’text/javascript’ src=’custom.js’></script>

<title>Kwicks Menu with jQuery</title>
</head>

<body>
<ul class=”kwicks”>
<li id=”kwick1″><a href=”#”>Home</a></li>
<li id=”kwick2″><a href=”#”>Contact</a></li>
<li id=”kwick3″><a href=”#”>Downloads</a></li>
<li id=”kwick4″><a href=”#”>Search</a></li>
</ul>

</body>
</html>

setelah itu lihat hasil akhirnya di browser anda di http://localhost/codeigniter_1.7.1/

mudah kan…

heem2

salam dari

krida prasetia

Comments
4 Responses to “Belajar Codeigniter dan Jquery”
  1. Harry mengatakan:

    saya sekarang juga main jquery nih mas :p pindah haluan dari mootools😀

  2. belajar wordpress mengatakan:

    Thanks sharingnya, saya lagi coba jquery..

  3. Rido alkholiq mengatakan:

    wah bingun…kckckckc

    apa nya yg beubrah ..

    cm ganti kode doank..ckckck

  4. Himawan mengatakan:

    wahhh,,,jd pingin belajar nih,,,,

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: