89 votes

Comment modifier dynamiquement le contenu dans un iframe à l’aide de jquery ?

Je me demandais si il est possible d’avoir un site avec un iframe et un code jquery qui modifie le contenu de l’iframe toutes les 30 secondes. Le contenu est dans les différentes pages Web.

Quelque chose comme ceci :

135voto

Anatoliy Points 7775
<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
      $(document).ready(function(){
        var locations = ["http://webPage1.com", "http://webPage2.com"];
        var len = locations.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>

8voto

Anthony Points 14424

Si vous voulez juste changer où l’iframe pointe vers et pas le contenu réel à l’intérieur de l’iframe, vous devez juste changer les `` attribut.

4voto

geowa4 Points 17712
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;
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X