2009-04-11 15 views
36

J'ai une page avec un cadre, et quelques liens sous le cadre.ouvrir le lien dans iframe

Je veux que les liens, une fois cliqués, pour ouvrir la page dans le cadre. J'ai essayé <a href="" target="nameofframe">link1</a> mais cela n'a pas fonctionné?

mise à jour son iframe.

+3

Votre devrait fonctionner. Donnez-nous plus, le code actuel. – AmbroseChapel

Répondre

4
<a href="YOUR_URL" target="_YOUR_IFRAME_NAME">LINK NAME</a> 
45

En supposant que le iFrame a un attribut de nom de "MyIframe":

<a href="http://www.google.com" target="myIframe">Link Text</a> 

Vous pouvez également y arriver avec l'utilisation de Javascript. Le iFrame a un attribut src qui spécifie l'emplacement qu'il montre. En tant que tel, il suffit de lier le clic d'un lien pour changer cet attribut src.

+1

Voici une démo simple de ceci: http://jsfiddle.net/HnXFj/2/ –

+3

S'il vous plaît noter son "name" attribut de iframe, pas ID.

26

Essayez ceci:

<iframe name="iframe1" src="target.html"></iframe> 

<a href="link.html" target="iframe1">link</a> 

L'attribut "cible" devrait ouvrir dans le iframe.

-3

en utilisant firefox? Si la page à ouvrir contient un autre iframe, alors FF semble ne pas savoir quelle iframe doit être utilisée. Donc effacer les iframes dans cette page.

+1

Vous ne pouvez pas supposer que la question concerne FF. vous devriez le vérifier avec l'OP d'abord en utilisant des commentaires. deuxième chose - que voulez-vous dire par "effacer les iframes"? Collez du code avec la réponse afin que les autres puissent le comprendre (et le vérifier). – andr

+0

D'où vient-il? Je ne vois aucune documentation à ce sujet. – w35l3y

0

J'ai eu ce problème dans un projet ce matin. Assurez-vous de spécifier la balise de base dans la section head.

Il devrait ressembler à ceci:

<head> 
<base target="name_of_iframe"> 
</head> 

De cette façon, lorsque vous cliquez sur un lien sur la page, il ouvrira à l'intérieur de l'iframe par défaut.

Espérons que cela a aidé. Parce que la cible du lien correspond au nom de l'iframe, le lien s'ouvrira dans l'iframe

2

Essayez ceci:

<iframe src="http://stackoverflow.com/" name="iframe_a"> 
<p>Your browser does not support iframes.</p> 
</iframe> 

<a href="http://www.cnn.com" target="iframe_a">www.cnn.com</a> 
0

Eh bien, il y a une autre façon! Vous pouvez utiliser un bouton à la place du lien hypertexte. Par conséquent, lorsque vous cliquez sur le bouton, la page Web spécifiée dans "name_of_webpage" est ouverte dans l'image cible nommée "name_of_iframe". Ça marche pour moi!

<form method="post" action="name_of_webpage" target="name_of_iframe"> 
<input type="submit" value="any_name_you_want" /> 
</form> 
<iframe name="name_of_iframe"></iframe> 
Questions connexes