Swap iframe src onClick.

[djrolstad]

http://codepen.io/anon/pen/kAgba

I’m trying to switch iFrame source when the user clicks on action link but its not working.. Is there another way maybe jQuery?

[djrolstad]

@Htmlmainiac, how would I do this if there were multiple links?

[CrocoDillon]

$(‘iframe’).attr(‘src’, $(this).attr(‘href’));

Would work.

[CrocoDillon]

You can also give your iframe an id and your link that id as target:

action link

[djrolstad]

I was actually giving the a href a class therefore I can have the links point to different “sites”. But I don’t know how to modify the JS so it would allow multiple links.

[Anonymous]

You can do this without Javascript. Simply add target=”iframename” to any href link you want to display inside the iframe. Like this

LINK

My website works entirely on an iframe. [My Website](http://reallycoolstuff.net/PROJECTS/JV/ “”)

[djrolstad]

@Jarolin and @CrocoDillon, that is actually easier haha THANKS!
@Htmlmainiac, Thanks! I’m actually trying to figure JavaScript out it’s for some reason hard for me.

[Author]

Posts