2009-04-11 13 views
36

Tengo una página con un marco y algunos enlaces debajo del marco.abrir enlace en iframe

Quiero que los enlaces, al hacer clic, abran la página en el marco.

Probé <a href="" target="nameofframe">link1</a> pero no funcionó?

actualización es un iframe.

+3

Su manera debería funcionar. Danos más, código real. – AmbroseChapel

Respuesta

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

Suponiendo que el marco flotante tiene un atributo de nombre de "myIframe":

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

También puede lograr esto con el uso de Javascript. El iFrame tiene un atributo src que especifica la ubicación que muestra. Como tal, es una simple cuestión de vincular el clic de un enlace para cambiar ese atributo src.

+1

Aquí hay una demostración simple de esto: http://jsfiddle.net/HnXFj/2/ –

+3

Tenga en cuenta su atributo "nombre" de iframe, no ID.

26

Prueba esto:

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

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

El atributo "target" se debe abrir en el iframe.

-3

usando firefox? Si la página que se va a abrir contiene otros iframes, parece que FF no sabe qué iframe se debe usar. Así que borre los iframes en esa página.

+1

no puede suponer que la pregunta es sobre FF. primero debe verificarlo con el OP usando comentarios. En segundo lugar, ¿qué quiere decir exactamente "limpiar los iframes"? pega un código junto con la respuesta para que otros puedan entenderlo (y verificarlo). – andr

+0

¿De dónde vino? No veo ninguna documentación al respecto. – w35l3y

0

Tuve este problema en un proyecto esta mañana. Asegúrese de especificar la etiqueta base en la sección de encabezado.

Debería ser así:

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

De esta forma cuando hace clic en un enlace en la página que se abrirá dentro del marco flotante por defecto.

Espero que haya ayudado.

2

Como el destino del enlace coincide con el nombre del iframe, el enlace se abrirá en el iframe. Prueba esto:

<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

Bueno, no hay una forma alternativa! Puede usar un botón en lugar de un hipervínculo. Por lo tanto, cuando se hace clic en el botón, la página web especificada en "nombre_de_página_web" se abre en el marco de destino denominado "nombre_de_frame". ¡Esto funciona para mi!

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