Skip to main content

Memanggil file php dan menampilkan dalam div tanpa merefresh halaman.

3 replies [Last post]
does not have a status.
BoC94's picture
User offline. Last seen 20 weeks 4 days ago. Offline
Joined: 12/21/2010

Salam kenal, saya adalah newbie di CI. Saya ingin membuat web dengan template (div header, div footer, div menu, div content) yang bisa berubah2 isi halamannya sesuai dengan menu yang saya pilih, tapi tidak sampai merefresh seluruh halaman, jadi yang direfresh hanya div content saja. Saya menyadari bahwa ini memerlukan javascript, tapi saya tidak menemukan caranya. template dan javascriptnya dapat berjalan tapi tidak menggunakan framework CI.padahal saya ingin sekali menggunakan CI.mohon pencerahannya buat para pakar CI. terima kasih.

the more you give, the more you get
leobaringin's picture
User offline. Last seen 22 weeks 1 day ago. Offline
Joined: 12/30/2010
Betul untuk itu perlu

Betul untuk itu perlu Javascript. Caranya hipelinknya diganti tadinya pakai url (href="localhost/?param1/param2") diubah menjadi fungsi javascript (href="javascript:link_redirect('param1/param2');")

Misalkan mau buat div utk refresh contentnya contoh scriptnya spt ini :

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function link_redirect(p){
   $('#result').load('localhost/?' + p);
}
</script>
</head>
<body>
<div id="header">
<h1>Header</h1>
<p><a href="javascript:link_redirect('');">home</a> | <a href="javascript:link_redirect('news');">news</a> | <a href="javascript:link_redirect('member/all');">member</a> </p>
</div>
<div id="content"></div>
<hr />
<div id="footer">this is footer</div>
</body>
</html>

does not have a status.
BoC94's picture
User offline. Last seen 20 weeks 4 days ago. Offline
Joined: 12/21/2010
thx alot

Terima kasih, saya coba dulu ^.^

tutorial buat CM berbasis CodeIgniter
ufhy's picture
User offline. Last seen 21 weeks 5 days ago. Offline
Joined: 06/07/2010
combinasikan aja. dengan

combinasikan aja. dengan JQuery.
pasti gampang kok..

Premium Drupal Themes by Adaptivethemes