Page 114 - Framework Codeigniter 2

www.koder.web.id – Kumpulan tutorial komputer

28. -->
29. <?php echo $_header;?>
30. </div>
31.
32. <div id="menu">
33. <!--
34. Area Menu
35. -->
36. <?php echo $_top_menu;?>
37. </div>
38.
39. <div id="contentwrap">
40. <div id="content">
41. <!--
42. Area content
43. -->
44. <?php echo $_content;?>
45. </div>
46. <div id="sidebar">
47. <!--
48. Area Right Menu
49. -->
50. <?php echo $_right_menu;?>
51. </div>
52. <div style="clear: both;"></div>
53. </div>
54. <div id="footer">
55. <p>Copyright ©<ahref="#">You</a> | Design by
56. <a href="http://www.readcrazyreviews.com">Read Crazy Reviews</a></p>
57. </div>
58.
59. </div>
60.
61. </body>
62. </html>

Perhatikan baris 8-18, pada kode tersbut kita menggunakan jquery untuk mempermudah
melakukan request ajax. Pada kode di atas kita akan menyari semua link yang memiliki kelas ajax

lalu meloadnya melalui ajax (lihat view template/menu.php).

application/view/template/menu.php

1. <ul>
2. <li><a class="ajax" href="<?php echo base_url();?>">Home</a></li>
3. <li><a class="ajax" href="<?php echo site_url('welcome/page1');?>">
4. Page Ajax 1</a></li>
5. <li><a class="ajax" href="<?php echo site_url('welcome/page2');?>">
6. Page Ajax 2</a></li>
7. <li><a class="ajax" href="<?php echo site_url('welcome/page3');?>">
8. Page Ajax 3</a></li>
9. <li><a class="ajax" href="<?php echo site_url('welcome/page4');?>">
10. Page Ajax 4</a></li>
11. </ul>

109