Question

Scenario : ASP.NET site with masterpage that has top, left and side bars. The body of the page sometimes needs to be shown the data from other urls. For example there will be a hyperlink on the masterpage called “Show Cities”. Clicking on this link will open a new window with url “https://yourcompany/cities.aspx”. This ASPX is not linked to the ASP.NET site.

I would like to change this to show “https://yourcompany/cities.aspx” within ASP.NET site itself. So when users click on “Show cities”, the site will show header, top, left and the body will show whatever results cities.aspx shows.

What is the best approach and suggestions? Is it like I need to create frames? Need some assistance in this regard.

More information on this:
MasterPage has few hyperlinks or buttons such as Show Cities, Show Dealers etc. Clicking on ShowCities should show yourcompany/cities.aspx (external site) and similarly “ShowDealers” click should show “mycompany.com/ShowDealers.aspx”;. So each link has it’s own unique click and results but results should be shown within our site such that user should not feel he is being redirected somewhere. Also the area/boundary where it shows the result should not show the URL of that external site

Answer 1

Markup:

<iframe id="yourid" runat="server" src="http://initialsource.aspx"> </iframe>

And on code behind…

  yourid.src="http://to-the-new-site.aspx";

I think it should work.

UPDATE – providing js version:

If you define a javascript function like this:

function setFrameSrc(newSrc)
{
    document.getElementyById('yourid').src=newSrc;
    //note: 'yourid' is the iframe id from my initial example.
}

And you have your link like this:

function setFrameSrc(newSrc)
{
    document.getElementById('yourid').src=newSrc;
    //note: 'yourid' is the iframe id from my initial example.
}

Will work. Test here.