load a page in div tag with preloading

[mirzaei1]

Hi my friends
I have a dive tag in my page,what I want is that when user click a link a html or php page loads in this div and during loading of the html or php file in the div a preloading shows.

thanks to help me.

[gits]

what do you have done so far?

[mirzaei1]

I have made my preloader with css and javascript but because onload event dosnt support in div tag when the preloader shows with clicking the link it dosnt disapear after loading page into div,I have also used some codes but when the images are downloading(not after they downloaded) the preloading disapears.

[gits]

things start to mix up - what exactly is to be loaded? basically you might use an AJAX-call to retrieve the html-code that should be placed in a div but if that html-code contains images then they are loaded through the src-attrib (new and own requests) so that you might need a n img-preloading mechanism too

[mirzaei1]

what should be loaded is a complet html file including images.

[gits]

that invalidates your html? a div shouldn't contain a 'normal' html-file.

anyway ... in case you want to really controll all loading with such a mask you have to preload the images and the page and find a way to sync that so that you know when to rmove the mask. it is not a trivial thing to do so you should need to know if it's worth the efforts

[mirzaei1]

I need an ajax code in order to callback the complete load of all images in page?

[gits]

no - you cannot load images via an XMLHttpRequest - to ensure you have all imgages loaded then you need an image-preloader like this