Siz bir link'e tıkladığınız zaman "örnek: böyle bir linke tıkladığınız zaman ;.. "
aşağıdaki js kodları devreye giriyor.
$(".ajax-call").loadingbar({
replaceURL: false, /* You can visibly change the URL of the browser to reflect the clicked links by toggling this to true. Default is false. May not work in old browsers. */
target: "#loadingbar-frame", /* The container's selector where you want the ajax result to appear. Default is #loadingbar-frame */
direction: "right", /* The direction where the the loading bar will progress. Default is right. */
/* Default Ajax Parameters. */
async: true,
complete: function(xhr, text) {},
cache: true,
error: function(xhr, text, e) {},
global: true,
headers: {},
statusCode: {},
success: function(data, text, xhr) {},
dataType: "html",
done: function(data) {}
});
Üstte ki linkte class'a tanan ajax-call ile çalışan js komutları href="YOUR-URL" içindeki adresi aynı sayfa içerisinde
içine çağırıyor.. olay bu arkadaşlar...
ayrıca linkini eklediğiniz sayfa içeriğinde klasik html kodlar vs olmaması gerekiyor (sağlıklı çalışması açısından. örnek vermek gerekirse, youtube'da ki video içinde gösterilen videoların header ve footer değişmeden video yüklenmesi gibi.)
kullanımını anlayaman arkadaş olursa biraz daha detaylandırabilirim.