Question

<iframe id="myFrame" runat="server" name="main" width="100%" src="http://www.somewebpage.com/" />

This is simple iFrame I put on my webpage. After I click on couple of buttons on that website, iframe source remains the same. But I want to be able to retrieve the changed source every time I click on buttons, links etc…

How can I achieve this?

Edit: This is the screenshot of my work. When I click on “Git” button, webpage loads on the iFrame. However, when I surf on the website, I want textbox to be updated to the source of the iFrame.

Answer 1

Ok, here is an idea that I test it now and its work. You change the input box after the iframe loads using the onload event of the iframe

<script>
function HasChange(me)
{
    document.getElementById("WhereIamId").value = 
                 document.getElementById("WhatIShowID").src;        
    return false;
}
</script>

and the html

<input type="text" id="WhereIamId" value="" />
<iframe src="page1.aspx" onload="return HasChange(this);" id="WhatIShowID" ></iframe>

You can use also the document.getElementById("<%=myFrame.ClientID>") to get the rendered id. After your iframe loads you update the text box with the current url.