Cambiar src marco flotante haciendo clic en un enlace

Question

Tengo una iframe que tiene este aspecto:

<iframe src="http://www.google.com" height=1000 width="500" id="myiframe"></iframe> 

Quiero crear un enlace para que cuando hago clic en él, el iframe en la página cambia. ¿Cómo puedo hacer eso usando jQuery? ¿Está relacionado con jQuery attr?

Answer 1

No necesita jQuery para eso. Ni siquiera necesitas JavaScript para eso.

Dé su iframe un name, y orientar sus anclas para señalar que:

<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> 

Esto degrada muy bien para la gente que tiene Javascript desactivado.

Answer 2

al hacer clic en el enlace "clic aquí" // tomará mover el enlace a la iframe como se especifica ....

<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>