How can I reload an iframe on click?

Question

Possible Duplicate:
Reload an iframe with jQuery

How can I cause an <iframe> to reload on a click event?

I tried this, but it is not working:

jQuery("#link").click(function(){
   jQuery('#iframeID')[0].reload();
})

This might already be the answer [iframe Jquery reload][1] [1]: http://stackoverflow.com/questions/4249809/reload-an-iframe-with-jquery — zer02, Oct 02 '12 at 08:30

score 7 · Accepted Answer · answered Oct 02 '12 at 08:31

7

like this

document.getElementById('iframeID').contentWindow.location.reload();

or via

document.getElementById('iframeID').src = document.getElementById('iframeID').src;

answered Oct 02 '12 at 08:31

fedmich

5,343
3
37
52

score 2 · Answer 2 · answered Oct 02 '12 at 08:33

2

    $("#reload").click(function() {
        jQuery.each($("iframe"), function() {
            $(this).attr({
                src: $(this).attr("src")
            });
        });
        return false;
    });

This above code will reload every iframe in your page, every time the link with id=reload is clicked

Thanks to @Haim Evgi

Or you can do the same also like this

$('iframe').each(function() {
  this.contentWindow.location.reload(true);
});

answered Oct 02 '12 at 08:33

MaVRoSCy

17,747
15
82
125

Thanks for this, very helpful to append a 'reload' class to all my modals with videos within and this handles them all perfectly. – JMarsh Nov 30 '16 at 02:21

score 1 · Answer 3 · answered Oct 02 '12 at 08:32

1

You can do something like this:

$("#iframe").attr('src', ($('#iframe').attr('src'));

answered Oct 02 '12 at 08:32

Mathlight

6,436
17
62
107

score 1 · Answer 4 · edited Jul 25 '14 at 18:00

1

var iframe = document.getElementById('ID');

iframe.src = iframe.src;

edited Jul 25 '14 at 18:00

user3786876

5
4

answered Oct 02 '12 at 08:37

Anton

32,245
5
44
54

How can I reload an iframe on click?

4 Answers4