enlace con 2 iframe .. posible !??

helion · #1 (**permalink**) 18/08/2010, 17:14

hola amigos queria preguntarles si es posible enlasar 2 iframes en uno ejemplo :

Código PHP:

  <iframe id="name1" src="pagina1.html" border="1">

</iframe>

<iframe id="name2" src="pagina2.html" border="1">

</iframe>

 
<a href=""> enlace de relacion </a>

gracias de antemano

deirdre · #2 (**permalink**) 18/08/2010, 21:20

Hola helion

Con este código lo solucionas: Dos iframes y un sólo enlace que abre dos direcciones distintas.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Un click y carga dos iframes</title>
<style type="text/css">
#iframe_uno {
	width: 900px;
	height: 300px;
	border: 1px solid #444;
}
#iframe_dos {
	width: 900px;
	height: 300px;
	border: 1px solid #444;
}
</style>
</head>

<body>
<iframe id="iframe_uno" name="iframe_uno" frameborder="0"></iframe>
	<br />
<a href="http://www.elpais.com" target="iframe_uno" onclick="top.iframe_dos.location='http://www.elmundo.es';">Cargar la prensa</a>
	<br />
<iframe id="iframe_dos" name="iframe_dos" frameborder="0"></iframe>

</body>

</html>

Saludos

helion · #3 (**permalink**) 19/08/2010, 09:31

Cita:

Iniciado por deirdre

Hola helion

Con este código lo solucionas: Dos iframes y un sólo enlace que abre dos direcciones distintas.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Un click y carga dos iframes</title>
<style type="text/css">
#iframe_uno {
	width: 900px;
	height: 300px;
	border: 1px solid #444;
}
#iframe_dos {
	width: 900px;
	height: 300px;
	border: 1px solid #444;
}
</style>
</head>

<body>
<iframe id="iframe_uno" name="iframe_uno" frameborder="0"></iframe>
	<br />
<a href="http://www.elpais.com" target="iframe_uno" onclick="top.iframe_dos.location='http://www.elmundo.es';">Cargar la prensa</a>
	<br />
<iframe id="iframe_dos" name="iframe_dos" frameborder="0"></iframe>

</body>

</html>

Saludos

Gracias amigo me sirvio de mucho =)

juancondarts · #4 (**permalink**) 30/08/2010, 16:49

Hola, soy yo de nuevo.
Te cuento que tengo en la pagina inicial una"barra de navegacion" que me generó el siguiente codigo.

<td><a href="lateral.html" target="lateral" onclick="MM_nbGroup('down','group1','Inicio','inic io126_down.gif',1)" onmouseover="MM_nbGroup('over','Inicio','inicio126 _over.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="inicio126.gif" alt="" name="Inicio" border="0" id="Inicio" onload="" /></a></td>

Cuando hago click en "Inicio" se ejecuta este codigo y, como se ve, carga en el marco llamado "lateral" el archivo "lateral.html"
De acuerdo a los nombres de los marcos y de las paginas que quiero cargar lo que debiera agregar al codigo anterior sería (creo) asi :

onclick="top.contenido.location='contenido_inicial .php';"

ya que quiero cargar la pagina "contenido_inicial.php" en el marco "contenido", ademas de "lateral.html" en el marco "lateral".

Lo hago y no funciona.

Como debería hacerlo ?

Gracias por la paciencia

JC

deirdre · #5 (**permalink**) 31/08/2010, 20:10

Hola juancondarts

No sé de cuál hilo vienes, pero en este no estabas hasta ahora...

No entiendo muy bien lo que preguntas. Para entenderte sería aconsejable que pusieras un código completo para hacer pruebas y poder darte una orientación.

De todas formas he intentado comprender tu pregunta y te dejo esta adaptación del código anterior a los elementos que mencionas en tu pregunta. Mira si esto soluciona la cuestión:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Un click y carga dos iframes</title>
<style type="text/css">
#general {
	width: 100%;
	height: auto;
}
#lateral {
	width: 200px;
	height: 300px;
	border: 1px solid #444;
	float: left;
}
#contenido {
	width: 700px;
	height: 300px;
	border: 1px solid #444;
	float: left;
}
</style>
</head>

<body>

<div id="general">
	<iframe id="lateral" name="lateral" frameborder="0"></iframe>
	<iframe id="contenido" name="contenido" frameborder="0"></iframe>
	<div style="clear: both"></div>
	<a href="lateral.html" target="lateral" onclick="top.contenido.location='contenido_inicial .php';">Carga simultánea</a>
</div>

</body>

</html>

Si no lo puedes adaptar a tu diseño...por aquí estaremos.

Saludos