Loading a new page in place a parent from an iframe

Highly-Annoyed · #1 (**permalink**) 07-14-05, 04:07 AM

Hello All!

I have a small problem I think you may be able to help with.

I have an iframe in a parent page. I want to put a link into the iframe, so when this link is “clicked” it loads a new page in place of the parent page.

So, page 1 has iframe 1 in it. A link in iframe 1 links to page 2. When the link is clicked, page 1 and its iframe (iframe1) disappear, to be replaced by page2.

I have managed to get the link in the iframe to open a new page outside of the iframe so far, but that page is opened in a new instance of Internet Explorer; like when you use target="_blank" on a normal link. What I really want is for the parent page to change to a new address. For example: from "www.mysite/page1.html" to "www.mysite/page2.html".

I have seen web sites that seem to do what I would like to do, so I know it’s possible. How it’s done though is something I don’t know.

I have built a few web sites in my life, but I have taught myself all the html I know and am not a professional in any sense of the word. My knowledge of Java Script is even more limited than my knowledge of html, so I would appreciate it if any solutions you guys come up with could be explained in simple-ish terms.

Thanks for you help !

Highly-Annoyed

sszettella · #2 (**permalink**) 07-14-05, 12:51 PM

So I understand, you have 3 pages.

page 1 can look like this:

Code:

<html>
<head>
</head>
<body>
<iframe src="framed.html"></iframe>
</body>
</html>

Page 2 (framed.html) will have a link that, when clicked, will replace Page 1 like this:

Code:

<html>
<head>
</head>
<body>
<a href="page2.html" target="_top">changepage</a>
</body>
</html>

When the "changepage" link is clicked, page 1 should be replaced with page2.html. This works in IE 6 and Firefox 1.0, at the very least. All I have done is to set the target of the "framed" link to "_top".

Hopefully this helps.

Highly-Annoyed · #3 (**permalink**) 07-14-05, 01:46 PM

Hi sszettella,

That looks like a nice simple solution. Which is great, as that's exactly what I'm looking for. I will give it shot and see how it works out. I would guess you're probably correct, but if there are any problems, I'll post them here.

Thanks for your input!

Highly-Annoyed

Highly-Annoyed · #4 (**permalink**) 07-18-05, 11:05 AM

Many thanks sszettella for your quick, easy to understand and correct response!

You have solved my problem. It seems so simple now I know, but before you showed me I tried loads of stuff that didn't work! Oh well, now I know. Thanks!

Highly-Annoyed