Older Post Facebook
Selamat Sore,
Pasti temen-temen di sini pernah lihat facebook kan??? Pasti pernah lah,,,hari gini masak ga punya facebook, ya gak mungkin. Ketika membuka facebook pasti pernah melihat link older post untuk melihat postingan status yang lebih lama. Link older post tersebut secara terus menerus akan menampilkan update status yang lebih lama tanpa ada batasnya.
Kemudian aku berpikir gimana cara memuatnya,,,walaupun mungkin ga seperti teknik yang dimiliki facebook, tapi yang teknik kali ini sudah saya buktikan efektif untuk membuat older post seperti apa yang dimiliki oleh facebook.
Untuk artikel kali ini saya hanya akan mencontohkan hanya menggunakan view pada CodeIgniter saja, untuk menggunakan database hanya perlu dikembangkan untuk temen-temen semua.
Sebagai contoh saya menggunakan array. Array ini nantinya berfungsi untuk menggantikan posisi artikel yang akan ditampilkan. Contoh scriptya adalah:
<?
for($i=0;$i<=20;$i++)
{
if($i%4==0 && $i > 0) echo '<span id="hid'.$i.'"><a href="javascript:void(0)" onclick="klik('.$i.')">Older Post</a></span></div><div id="bag'.$i.'" style="display:none;">';
echo $i."<br/>";
}
?>
Kemudian untuk javascriptnya adalah:
<script language="javascript">
function klik(ID){
$("#bag"+ID).show();
$("#hid"+ID).hide();
return false;
};
</script>
Jika program di atas dijalankan, mungkin hasilnya masih kaku, karena tanpa animasi seperti yang digunakan oleh facebook. Tapi paling tidak teknik tersebut di atas akan menghasilkan sesuatu yang mirip dengan yang ada di facebook. Untuk pengembangannya, baik itu dengan menggunakan fungsi loading atau animasi lainnya dapat temen-temen tambahkan atau kembangkan dari script di atas. Oh ya jangan lupa untuk menyisipkan library jquery, saya sarankan untuk seri yang terbaru. Terima kasih, semoga bermanfaat.