Ads: (Please Click!)

Tuesday, February 10, 2009

Animated page loading with AJAX


skali lagi aku update layout blog aku.. kali ni kalu korg perasan, kat atas kiri ada animated page loading bentuk rama2 terbang kan? ada nampak tak? haa.. yang tu skali lagi aku guna AJAX code untuk blog aku.. animated image tu akan kluar stiap kali blog aku ni tengah load.. maknanya, setiap kali blog aku tgh load pada browser anda, imej tersebut akan terpapar sehingga ia habis load.. maka bila habis je load, imej tersebut akan automatik hilang.. ganaz tak?

camne aku buat? pergh.. kali ni dekat sejam lagi aku duk study mende alah tu.. pening jugak.. sbenarnya aku tengah research pasal job aku.. tengah surf2, tup tup jumpa la satu source code utk wat animated loading tuh.. asalnya code tu complex.. tp aku ubah biar nampak simple.. ske2 ati aku je ubah itu ini..

ape komen anda? comey ke uduh? comey kaaaannn..? jgn jeles..

update #1: oh ya.. line korg kene la laju.. baru leh nampak smooth rama2 tuh..

update #2: ni dia code utk korg.. bleh apply even Modern Blogger Template mahupun Classic Blogger Template..


<html>

// inside <html> tag
<div align='left' id='imgLOAD' style='position:absolute;top:20px;left:25px'>
<strong>Loading...</strong>
<img src='http://img84.imageshack.us/img80/2553/maripositasgrisesxe4.gif'/>
</div>

<head profile="http://gmpg.org/xfn/11">

// insert this javascript inside <head> tag
<script type='text/javascript'>
window.onload = detectLoad;
function detectLoad() {
document.getElementById("imgLOAD").style.display="none";
}
</script>

//continue your code

korg bleh ubah imej loading korg.. aku ade cari dlm website dan jumpa satu site di mana korg leh create sendri icon loading korg.. klik SINI utk create imej loading.. pastu, imej tu korg buh la kat mana2 hosting yg sediakan storage, misalnya kat imageshack or Yahoo! Geocities.. link imej tu korg copy then paste kat line berwarna merah tu.. kalu aku, aku guna imageshack sbb lebih laju berbanding hosting lain.. selamat mencuba!

PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!

Ads: (Please Click!)
Comments
5 Comments


5 Orang Kentut Madu:

alien said... [Reply]

rerame..
tangkap beliau

DakwatHitam said... [Reply]

ermm..guner IE, rerama tu tetap x ilang2..mungkin gune mozilla bleh kot..x try lg pakai mozilla sbb kat cni xde mozilla..cuba try gune dgn 3 web browser yg berbeza..

Aduka said... [Reply]

alien: tgkap la klu brani.. =P

jamal: kat IE6+ maybe ade error..

cAndLe iN tHe wiNd.. said... [Reply]
This comment has been removed by the author.
cAndLe iN tHe wiNd.. said... [Reply]

aduka, sy sgt mmerlukan image loading ni since ade yg bukak blog sy konpius dgn bckground blog sy y lmbt sgt loading..
tp bila sy copy n paste code yg awk bg tu, sy xleh nk save..

dia kuar cmni,

"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The markup in the document following the root element must be well-formed."

nape ekk?? leh tlg x??hehe..

Post a Comment

Ruang komen telah di-set sebagai 'dofollow'. Sila tinggalkan URL blog anda dengan cara yang bijak. Baca DI SINI untuk mempelajari SEO mengenai 'dofollow' link.

Kepada ANONYMOUS, sila tinggalkan link dengan cara yang bermoral sedikit.

Terima kasih kerana sudi membaca artikel ini dan menurunkan komen anda.

 

Blog Aduka Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger