javascript delay

[c-chan]

---

<script>
function previewimg(){
	setTimeout(wait_animation(), 5000);    
}

function wait_animation(){
	if (document.getElementById('gifimg')) { 
  		document.getElementById('gifimg').style.visibility="visible"; 
		
 	}    
	
}

</script>

naa koi form para mag upload ug file. now, akong ganahan, before siya mu adto sa php nga page iya sa ipakita ang kato .gif nga image. para mura kunuhay nag loading sya.

ang function previewimg() ang tawagun sa form igka onSubmit.

makita man nako ang gif nga image, kaso kadali ra kayu. ganahan ko dugay2x sad ba. na abut nakog 500k anang setTimeout

or naa bamo nahibaw an nga simple lang nga uploader, nga naai loading2x nga effect? :>

[-_-]

vanila javascript ra jud ni sa?

[c-chan]

huh? unsai vanilla js? O.o plain javascript rani, yep.

[donlop]

sa ako case ana bay ako gibutang sa modal panel ang gif image plus "Uploading"..

onsubmit -> ako pag gawas ang modal panel .show()
oncomplete -> close nako ang modal panel. .hide()

[iamweasel]

you can find a bunch of jquery loading plug-ins on the internet. just choose which one suits your taste.

ie.

jQuery BlockUI Plugin (v2)
Simple Loading Dialog w/jQuery UI | thecrumb

I recommend you use jquery para kaning imong js code:
if (document.getElementById('gifimg')) {
document.getElementById('gifimg').style.visibility ="visible";
}

sa jquery:
$("#gifimg").css('visibility','visible');

jquery na bahala mo detect kong naa ba na sya na element or wala.

[salbahis]

why not use setTimeout to fire a function once time reaches

source: JavaScript Timing Events

[c-chan]

weee...salamat ninyu

[zhrike]

uu... function after Timeout...