ansaurus

Question

Answer 1

A:

If you just want to change where the iframe points to and not the actual content inside the iframe, you would just need to change the src attribute. You may (if this is not enough) also need to reload the iframe.

 $("#myiframe").attr("src") = "newwebpage.html";
 $("#myiframe").load();

Do you need help on the timing as well?

Anthony 2009-10-12 12:52:46

Answer 2

A:

var handle = setInterval(changeIframe, 30000);
var sites = ["google.com", "yahoo.com"];
var index = 0;

function changeIframe() {
  $('#frame')[0].src = sites[index++];
  index = index >= sites.length ? 0 : index;
}

geowa4 2009-10-12 12:55:25

Answer 3

+4 A:

<html>
  <head>
 <script type="text/javascript" src="jquery.js"></script>
 <script>
   $(document).ready(function(){
  var locations = ["http://webPage1.com", "http://webPage2.com"];
  var len = array.length;
  var iframe = $('#frame');
  var i = 0;
  setInterval(function () {
   $iframe.attr('src', locations[++i % len]);
  }, 30000);
   });
 </script>
  </head>
  <body>
 <iframe id="frame"></iframe>
  </body>
</html>

Anatoliy 2009-10-12 13:01:03

The [++i % len] as a way to iterate through the array with recycling is brilliant! That taught me a new pattern! Thanks!

rhh 2010-09-25 07:13:15

ansaurus

tags:

views:

answers:

Change content in iframe with jquery

related questions