title: How can I load two iframes, One after the first one already has load?
body: <p>I've two different links that use ajax calls, and unfortunately there can be only one request per load. Which will result in both iframes showing the same data. I would like to know how to get pass this? Perhaps make one iframe load and after it has finish make the next one load. The code im using works completlety fine on chrome! &lt;3 but for some reason its broken for firefox :'(</p>
  
  <pre><code>&lt;script&gt;
   function setIframeSrc2() {
    var inLink = "http://localhost";
    var graphic = document.getElementById('graphic');
    if ( -1 == navigator.userAgent.indexOf("MSIE") ) {
     graphic.src = inLink;
     } else if ( -1 == navigator.userAgent.indexOf("FireFox") ) {
     graphic.src = inLink;
     }
     else {
     graphic.location = inLink;
    }
   }
   setTimeout(setIframeSrc2, 0);
  
   iframe.contentWindow.location.reload(true);
   &lt;/script&gt;
  
  
  &lt;script&gt;
   function setIframeSrc() {
    var inLink2 = "http://localhost?loading";
    var graphic2 = document.getElementById('graphic2');
    if ( -1 == navigator.userAgent.indexOf("MSIE") ) {
     graphic2.src = inLink2;
    } else if ( -1 == navigator.userAgent.indexOf("FireFox") ) {
     graphic2.src = inLink2;
    }
     else {
      graphic2.location = inLink2;
     }
    }
   setTimeout(setIframeSrc, 7999);
  &lt;/script&gt;
  </code></pre>
  
  <p>and for the html, its pretty simple;</p>
  
  <pre><code>  &lt;iframe frameborder="0" scrolling="no" width="100%" height="600" name="graphic" id="graphic"&gt;
         &lt;p&gt;iframes are not supported by your browser.&lt;/p&gt;
      &lt;/iframe&gt;
  
      &lt;br /&gt;
  
      &lt;iframe frameborder="0" scrolling="no" width="100%" height="600" name="graphic2" id="graphic2"&gt;
         &lt;p&gt;iframes are not supported by your browser.&lt;/p&gt;
      &lt;/iframe&gt;
  </code></pre>
  
  <p>or is it possible to do this with jquery?</p>