CODEWITHSUNDEEP
javascriptjspiframe
Rachel
Rachel

Reputation: 1159

Reload iframe using javascript

for example: worklist.jsp

 <html>
 <head>
 <body>
 <iframe height="15%" marginheight="0px" marginwidth="0px" scrolling="no" src="menuBanner.jsp" style="border:0; padding: 0px; position:absolute;" width="960px">
</iframe>
<div><button data-dojo-type="dijit.form.Button" value="Reload" id="reload"  onclick="reload();">Reload</button></div>
</body></head></html>

function reload(){ location.reload(); }

Upvotes: 2

Views: 18688

Answers (4)

Hari
Hari

Reputation: 309

You can do like this. Get the iframe src and assign again to the src of the iframe

<script>
function test()
  {
    $('#subpage_frame').attr('src',$('#subpage_frame').attr('src')) ;
  }
</script>

<iframe src="test.com" onload="Loaded();" id="subpage_frame"></iframe>

<button onclick="test();">Refresh button</button>

Upvotes: 0

Behrad Farsi
Behrad Farsi

Reputation: 1110

you can try:

var iframe = document.getElementById('YourIFrameId');
iframe.src = iframe.src + '?c=' + Math.random();

i think without changing the src attribute you will not be able to reload your iframe.

Upvotes: 1

dirkk
dirkk

Reputation: 6218

function reload( {
  document.getElementById('iFrameID').contentDocument.location.reload(true);
}

Upvotes: 2

CharliePrynn
CharliePrynn

Reputation: 3080

You can update/refresh the iframe by setting the src to the current src.

Here is an example.

var test = document.getElementById('iframeId');
test.src = iframe.src;

This way works for cross domain. The example in the comments are less hacky if iFrames are on the same domain.

Upvotes: 3

Related Questions