Change iframe src by clicking a link

by

You don’t need jQuery for that. You don’t even need JavaScript for that.

Give your iframe a name, and target your anchors to point to it:

<a href="https://stackoverflow.com/questions/1473295/foo.html" target="myiframe">Foo</a>
<a href="bar.html" target="myiframe">Bar</a>
<a href="baz.html" target="myiframe">Baz</a>

<iframe name="myiframe"></iframe>

This degrades nicely for people who have JavaScript turned off.

More Related Contents:

  1. Get DOM content of cross-domain iframe [duplicate]
  2. Reload an iframe with jQuery
  3. How to clear the contents of an iFrame from another iFrame
  4. How can I detect whether an iframe is loaded?
  5. Attach an event in a child iframe to a handler in the parent window
  6. Set content of iframe
  7. putting html inside an iframe (using javascript)
  8. Detect click event inside iframe
  9. how to block website from loading in iframe?
  10. how to resolve iframe cross domain issue [duplicate]
  11. Iframe.readyState does not work in chrome
  12. How to detect a click inside of an iframe (cross-domain)? Aka prevent click fraud
  13. Insert content into iFrame
  14. Trigger a button click inside an iframe [duplicate]
  15. get parent.location.url – iframe – from child to parent
  16. iframe Auto Adjust Height as content changes
  17. Iframe inherit from parent
  18. javascript change element from another page
  19. This doesn’t seem right? Javascript isn’t working
  20. How can I access the contents of an iframe with JavaScript/jQuery?
  21. How to check if iframe is loaded or it has a content?
  22. Get list of data-* attributes using javascript / jQuery
  23. Jquery Mobile – $.mobile.changepage not loading external .JS files
  24. Create table with jQuery – append
  25. jQuery equivalent of getting the context of a Canvas
  26. Trying to load local JSON file to show data in a html page using JQuery
  27. Include html in another html file [duplicate]
  28. Refresh iFrame (Cache Issue)
  29. How to access jQuery in HTML 5 web worker
  30. Incrementing value continuously on mouse hold

Leave a Comment