Open link in iframe

Question

I have a Webpage with an iframe in it.

I want the links, when clicked, to open them in the frame.

I tried <a href="" target="nameofframe">link1</a> but it didnt' work?

How can web links be displayed in a frame?

shared my solution here https://alfilatov.com/posts/how-to-open-links-from-iframe/ — Alex Filatov, Oct 01 '20 at 23:18

score 63 · Answer 1 · answered Apr 11 '09 at 21:42

63

Assuming the iFrame has a name attribute of "myIframe":

<a href="http://www.google.com" target="myIframe">Link Text</a>

You can also accomplish this with the use of Javascript. The iFrame has a src attribute which specifies the location it shows. As such, it's a simple matter of binding the click of a link to changing that src attribute.

answered Apr 11 '09 at 21:42

Anthony

7,086
1
21
22

3

Here's a simple demo of this: http://jsfiddle.net/HnXFj/2/ – Anderson Green Mar 19 '13 at 00:56
11

Please note its "name" attribute of iframe, not ID. – Tejasvi Hegde Feb 07 '17 at 12:34

score 46 · Answer 2 · edited Oct 19 '11 at 11:03

46

Try this:

<iframe name="iframe1" src="target.html"></iframe>

<a href="link.html" target="iframe1">link</a>

The "target" attribute should open in the iframe.

edited Oct 19 '11 at 11:03

honk31

3,895
3
31
30

answered Apr 11 '09 at 21:43

jthompson

7,178
2
34
33

score 9 · Answer 3 · answered Sep 16 '14 at 15:31

9

Use attribute name.

Here you can find the solution ("Use iframe as a Target for a Link"): http://www.w3schools.com/html/html_iframe.asp

answered Sep 16 '14 at 15:31

Ospite

137
2
10

score 5 · Answer 4 · answered Apr 11 '09 at 21:41

5

<a href="YOUR_URL" target="_YOUR_IFRAME_NAME">LINK NAME</a>

answered Apr 11 '09 at 21:41

Alix Axel

151,645
95
393
500

score 2 · Answer 5 · answered Feb 14 '14 at 08:01

Because the target of the link matches the name of the iframe, the link will open in the iframe. Try this:

<iframe src="http://stackoverflow.com/" name="iframe_a">
<p>Your browser does not support iframes.</p>
</iframe>

<a href="http://www.cnn.com" target="iframe_a">www.cnn.com</a>

score 1 · Answer 6 · edited Apr 29 '13 at 14:48

1

I had this problem in a project this morning. Make sure you specify the base tag in the head section.

It should be like this:

<head>
<base target="name_of_iframe">
</head>

That way when you click a link on the page it will open up inside of the iframe by default.

Hope that helped.

edited Apr 29 '13 at 14:48

Matt Cain

5,638
3
36
45

answered Apr 29 '13 at 14:27

john smith

19
1

Karthik Eyan · Answer 7 · 2014-04-17T12:08:15.697

1

Well, there's an alternate way! You can use a button instead of hyperlink. Hence, when the button is clicked the web page specified in "name_of_webpage" is opened in the target frame named "name_of_iframe". It works for me!

<form method="post" action="name_of_webpage" target="name_of_iframe">
<input type="submit" value="any_name_you_want" />
</form>
<iframe name="name_of_iframe"></iframe>

edited Apr 17 '14 at 12:08

answered Apr 17 '14 at 12:00

Karthik Eyan

19
4

Open link in iframe

7 Answers7

Linked