Delay load of iframe?

Question

Hello All-

I know there are some tools and techniques for delaying the load of javascript, but I have an iframe that I would like to delay loading until after the rest of the page has finished downloading and rendering (the iframe is in a hidden that will not be revealed until someone clicks on a particular tab on the page. Is there a way to delay the load of an iframe? Any suggestions would be much appreciated. Thanks!

Answer 1

Use Javascript in the onLoad event, or in the button click handler, to set the src attribute of the iframe.

Answer 2

with jquery it is easy!

either enclose your code which loads the iframe within a $() or use $(document).ready(function(){}) these both are the same and would execute your code after the DOM is ready!

e.g.

$(document).ready(function(){
    $('iframe#iframe_id').attr('src', 'iframe_url');    
});

see more at http://www.learningjquery.com/2006/09/introducing-document-ready

Answer 3

or my favorite use SetTimeOut('your app',6000)

That will make it wait x number of seconds to call any function....

Answer 4

Dont know if need do run without javascript. But the best methode is do change the src direct after the iframe:

<iframe id="myIframe" src="http://.." />
<srcipt type="text/javascript">
  var iframe = document.getElementById('myIframe'),scr = iframe.src;
  iframe.src = '';
  document.onload =  function(){iframe.src = src;})
</script>

Using $(document).ready will start the rendering of your Iframe direct after the DOM Tree is build, but before all of the content in your side is loaded, so I think this isn't what you want.