2009-09-24 6 views
10

J'ai un iframe qui ressemble à ceci:Changer iframe src en cliquant sur un lien

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

Je veux créer un lien de sorte que lorsque je clique dessus, l'iframe sur la page change. Comment puis-je faire cela en utilisant jQuery? Est-il lié à jQuery attr?

Répondre

50

Vous n'avez pas besoin de jQuery pour cela. Vous n'avez même pas besoin de JavaScript pour cela.

Donnez votre iframe un name et cibler vos points d'ancrage pour pointer vers elle:

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

Ce bien se dégrade pour les personnes qui ont désactivé JavaScript.

0

sur cliquant sur le lien « cliquez ici » // il faudra déplacer le lien vers l'iframe comme spécifié ....

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