Hi I have a website that it has several pages in iframe and till they loaded , it takes long time, so I want showe something such as progress bar or other things till all pages loaded, I'll apritiate if you can help me.
afagh.
|
Hi I have a website that it has several pages in iframe and till they loaded , it takes long time, so I want showe something such as progress bar or other things till all pages loaded, I'll apritiate if you can help me.
afagh.
There's a pretty easy way to get that done. First off, the hacky way: Fire off a script at the end of your child documents.
For instance:
Then, in your parent document you'd reference the function hideProgressIndicator(), with which you'd set the progress indicator (usually an animated GIF) to 'display:none' and the iframe to 'display:block'...Code:<html>
<head>
</head>
<body></body>
</html>
<script>
parent.hideProgressIndicator();
</script>
Now the jQuery way using a callback:
Code:
$(document.body).append('<IFRAME id="myId" style="display:none">');
$('iframe#myId').attr('src', url);
$('iframe#myId').load(function()
{
$('#progress_img').hide();
$('iframe#myId').show()
});
| All times are GMT -7. The time now is 11:19 PM. |