Postingan lainnya
proses Loading
ada cara ga ya buat ngasih tau user kalo kita lagi proses load data dari page lain ? karna pake jquery nge load data dari page lain kan ga pindah page , jadi browser ga nunjukin Progres .
mohon info , terima kasih.
4 Jawaban:
Kasih di code html halaman yg sedang kebuka, tag div/span/p kosong dengan unique id. Tag ini dihidden aja dulu (display:none).
<html>
<body>
<span id="loading" style="display:none;"></span>
<!-- Isi body -->
</body>
</html>
Jadi pas fungsi javascript/jquery-nya mulai dieksekusi, tag tadi dipanggil (dgn jquery => $("#loading")) & dimunculkan (.css("display","block")). Kemudian tag tadi diisi text("Loading...") atau bisa juga sisipkan gambar gif dalam tag span tadi.
function fungsiku(){
$("#loading").css("display","block");
$("#loading").text("Loading...");
//fungsi ajax
$.ajax({
type: "GET",
url: "myUrl",
success: function(response){
$("#loading").css("display","none");
}
});
}
Setelah fungsi ajax sukses, sembunyikan lagi tag span tadi ($("#loading").css("display","none");).
Thanks Agan Jawabanya . ajax nya di taroh dimana ya kalo ane pake jquery di bawah ini :
$(function(){
$( document ).ready(function() {
$('.home').hide();
$('.load').load('home.php');});
$('.home').click(function(){
$('#logo').show(500);
$('.home').hide(500);
$('#single').hide(500);
$('.load').load('home.php');})
$('.cara').click(function(){
$('.load').load('cara.php');
$('#logo').hide(500);
$('.home').show(500);
$('.load').show(500);
$('#single').hide(500);})
})
Oh ane kira agan pake ajax. Berarti kalo ingin kembali sembunyiin tag loading-nya (bisa pake hide atau css("display","none") )agan cukup taro tag-nya di baris terakhir dalam fungsinya. Artinya setelah semua proses berakhir, tag loading-nya disembunyiin lagi.
thanks agan infonya , nanti ane coba di rumah :D , buat begadang.. karnaaaaa sekaranggg weeeekeeeenddddd .. hahahahah