Only iframe refresh not entire page

Question

Guys
         I am working on a requirement which is as follows:
upon clicking a link on quick launch a new page opens which has an iframe and displays some other page information [ say a report ]. now the page has couple of input fields [ actually these are part of masterpage ] so after me entering some data in those
input fields and clicking a refresh button, i want to load the iframe only not the entire page.
any idea how to achieve this ?
Thanks
Bob

Answer 1

Hi Bob ,
According to your description, my understanding is that you want to create a button for only refreshing iframe not entire page.
You can do it with a function call:
<iframe name="Right" src="http://www.example.com"></iframe>
<button onclick="refreshIframe();">Refresh Iframe</button>
function refreshIframe() {
var ifr = document.getElementsByName('Right')[0];
ifr.src = ifr.src;
Reference:
http://stackoverflow.com/questions/11287050/iframe-reload-button
Also for iFrames in SharePoint 2013, you can have a look at the blog:
http://thinketg.com/iframes-in-sharepoint-2013/
http://sharepointking.wordpress.com/2013/07/24/allow-sharepoint-2013-site-to-load-in-iframe/
Best Regards,
Eric
Eric Tao
TechNet Community Support