Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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