Change iframe src by clicking a link

Question

I have an iframe that looks like this:

Answer 1

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="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.

Answer 2

on clicking in the link "click here" // it will take move the link to the iframe as specified....

<a href="cart.html" target="test" onclick="document.getElementById('test').frameBorder=1"> Click Here </a>
<iframe src="blank.html" frameborder="0" name="test" id="test" width=1200 height=800></iframe>