I got an assignment to build a website and I was wondering, how can I change a iframe on clicking a link without using javascript or giving the iframe a ID? I'd rather do it with a ID aswell, but yeah, that's not allowed.
Brino
2,5121 gold badge23 silver badges37 bronze badges
1 Answer 1
You can use an html link outside of the iframe, and set the target to the name of the iframe.
See the w3schools Example Here
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
If the link is inside the iframe, you simply need to set target=_self on the link.
<a href="http://www.w3schools.com" target="_self">W3Schools.com</a></p>
answered Nov 16, 2015 at 17:37
Brino
2,5121 gold badge23 silver badges37 bronze badges
Sign up to request clarification or add additional context in comments.
4 Comments
iSidle
I'm currently using that method, but isn't that the same as giving that a ID? If not, what is the difference between the name and id attribute because I need solid arguments if I'm going to do it differently than they think it should be done.
Brino
What do you mean by "differently than they think it should be done"? Your question states that you are not allowed to use ID.
Brino
ID is meant to be a unique identifier of an element in the DOM. Name is intended to identify the labels for form elements as seen in the POST, and also to identify the target of a form or hyperlink. See here: w3schools.com/tags/att_iframe_name.asp
iSidle
Alright, it should be fine then, thank you for your help!
lang-html
<iframe>tag itself without JS, especially by clicking something inside the iframe. but once you get past that hurdle, you can target the iframe any way you want. even if there's no ID on the specific tag, you can target any tag in a DOM tree by its tree "address", tag name, etc...