Pernahkan terpikirkan logika twitter dan facebook yang selalu update setiap 10 detik? berikut saya akan bagikan trik Auto Load dan Refresh Div setiap 10 Detik dengan jQuery.
File terdiri dari 2 buah .php kebetulan saya menggunakan bahasa pemograman php yang saya anggap lebih mudah dari bahasa pemograman yang lainnya.
2 file itu pertama index.php berikut isinya:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");
}, 10000); // refresh setiap 10000 milliseconds
<body>
<div id="load"> </div>
</body>
</script>
file kedua yaitu reload.php yang isinya:
<?
echo "Refresh setiap 10 detik"; //Hanya contoh saja..
?>
di dalam body File index.php yang sudah dimasukkan <div id="load"> </div> akan melakukan load file reload.php setiap 10000 milliseconds.
jadi hanya terdiri dari 2 file tersebut, simpel kan :). semoga tutorial ini berguna untuk program yang sementara anda develop.
Artikel keren lainnya:
saya coba gak ada aksi apa2, hanya tab putih saja
ReplyDeleteNanti saya kasih contohnya... mana emailnya..
Deleteblank345red@gmail.com
Deletebang minta contohnya....
Bang minta contohnya ke Jomenggolo6kebumen@gmail.com
ReplyDeleteMinta contohnya
ReplyDeleteArdiantbach@gmail.com
This comment has been removed by the author.
ReplyDeleteKesalahan krn menempatkan tag html di dalam javascript. Keluarkan tag body dan tag div keluar (ke bawah) javascript, script akan berfungsi.
ReplyDeleteKesalahan krn menempatkan tag html di dalam javascript. Keluarkan tag body keluar javascript, seperti berikut ini:
ReplyDelete**script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js">**/script>
**script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");
}, 10000); // refresh setiap 10000 milliseconds
**/script>
**body>
**div id="load"> **/div>
**/body>
saat testing script ini ganti semua tanda ** menjadi < agar berfungsi, krn di ruang comment ini tdk boleh ada tag html.