Sering kali kita butuh sebuah halaman web refresh dengan sendirinya sehingga ditampilkan data/informasi terbaru tanpa harus menekan tombol reload atau refresh pada browser. Hal ini sangat mudah dilakukan dengan memanfaatkan JQuery. Apa itu JQuery ? Nanti saja dibahasnya ;) sekarang yang penting bisa refresh otomatis kan...
Nah, ada 2 file php yang akan kita buat. Yang pertama adalah yang dibawah ini. Kita sebut saja sebagai auto.php :
<html>
<head>
<script src="jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function() {
$("#responsecontainer").load("response.php");
var refreshId = setInterval(function() {
$("#responsecontainer").load('response.php?randval='+ Math.random());
}, 9000);
});
</script>
</head>
<body>
<div id="responsecontainer">
</div>
</body>
Setelah file terseut tercipta, kita buat satu lagi file yang kita sebut saja sebagai response.php :
<?
//diisikian apa yang ingin ditampilkan
//misalkan mysql_query
//atau kode apa saja yang diinginkan
echo rand();
?>
Sudah beres. File response.php itu berisikan kode-kode php yang ingin diulang atau direfresh. Cukup panggil file auto.php, maka file response.php akan secara periodical diulang untuk direfresh. Jangan lupa, download dulu jquery-1.3.2.min.js.
ohya, ini juga berguna banget untuk mengecek inbox nya SMS Gateway, incase using gammu.
ternyata gampang banget ya
No comments:
Post a Comment