enlace a 2 iframes desde un boton

[sputnik]

Mi página tiene 2 iframes dentro de una misma ventana, y quiero que apretando un botón se carguen en los dos iframes páginas diferentes.

He probado insertando dos referencias diferentes para el mismo botón, pero se queda sólo con la ultima. Es decir que sólo consigo cargar un iframe.

Que hago???

Gracias por adelantado

[JavierB]

Hola, sputnik.

Prueba esto:

Código PHP:

  <iframe id="f1" src="pagina1.html" border="1"> 
</iframe> 
<iframe id="f2" src="pagina2.html" border="1"> 
</iframe> 
<input type="button" value="Cargar" 
onClick="f1.location.href='pagina2.html';f2.location.href='pagina1.html'">  
   

Espero que te sirva. Saludos,

[sputnik]

Vaya, lo he dicho mal. No puedo aplicar la solución porque el botón no es tal. Es un área de una imagen.
Me he colado.

Gracias igualmente. Pienso intentarlo con tu solución.

[KarlanKas]

Vamos a ser puristas y traslademos esta pregunta a Javascript!

[caricatos]

Hola sputnik:

Entonces pon en el tag area el href="#", y el onclick que te puso JavierB (Hola )...

Por cierto, si quieres que vaya bien en netscape, te recomiendo que en vez de f1.location.href pongas document.getElementById('f1').src...
y lo mismo para f2.

Saludos

[sputnik]

Hola!
uf, no tengo mucha idea de javascript y no me acabo de enterar. Lo que he puesto en el código es lo siguiente:

<map name="Map2">
<area shape="rect" coords="36,23,132,66" href="#" title="Bloque I: Fundamentos Matem&aacute;ticos" value="Cargar" onClick="indice.location.href='/Menu/menu_fund.htm';contenido.location.href='/Fundamentos/Conceptos previos.htm'">
</map>

Y esto dento de los tags indicando javascript??
El caso es que con esto me dice que no encuentra las dos páginas, o sea que algo debo estar haciendo mal.

En que me equivoco??

Gracias!

[sputnik]

mmmmmm estoy probando con un botón por si era cosa de lo del área de imagen y tampoco me va.
He probado poniendo lo del getElementByld en lugar de nombreiframe.location.href y tampoco....

Pero en los dos iframes pone lo de página no encontrada, es decir que intenta cargar y las rutas están bien.

Me olvido de algo?? Siento hacerme pesada, pero es que es un trabajo y si no lo consigo voy a tener que cambiar todo el diseño y no me queda mucho tiempo!!!! ;_;

[unKnown]

Bien poniendo todo un poco mas en orden completamos un ejemplo haber

<script language="Javascript" type="text/javascript">
<!--
function CargaIframes()
{
window.frames["indice"].location.href="/Menu/menu_fund.htm";
window.frames["contenido"].location.href="/Fundamentos/Conceptos previos.htm";
}
//-->
</script>

<map name="Map2">
<area shape="rect" coords="36,23,132,66" href="#" title="Bloque I: Fundamentos Matemáticos" value="Cargar" onClick="CargaIframes();">
</map>

<img src="/eDarkz/Documentos/Mis img/adios.jpg" width="430" height="230" border="0" usemap="#Map2">


<iframe src="default.html" name="indice" width="200" height="200" ></iframe>
<iframe src="default.html" name="contenido" width="200" height="200" ></iframe>


claro con tu imagen y tus iframes

[sputnik]

No acabo de entender pq tengo que cargar una imagen después de crear el area de la imagen, pero lo he probado y no va.

Bueno, igualmente he creado la función de script a parte, como tu has dicho, y la llamo desde el área con el onClick.

Me pasa lo mismo, me dice que no encuentra la página. Si cambio lo de
window.frames["indice"].location.href="/Menu/menu_fund.htm";
window.frames["contenido"].location.href="/Fundamentos/Conceptos previos.htm";
por el indicativo de antes
indice.location.href='/Menu/menu_fund.htm';contenido.location.href='/Fundamentos/Conceptos previos.htm';

Tampoco. Creo que soy algo negada. :`(

Gracias de todos modos.

[JavierB]

Hola, sputnik.

Acabo de probar el código de unKnown y funciona bien. Podrías poner el código que estás usando a ver donde puede estar el problema.

Saludos,

[sputnik]

Ok, el código que utilizo es éste:

<script language="Javascript" type="text/javascript">
function CargaIframes()
{
window.frames["indice"].location.href="/Menu/menu_fund.htm";
window.frames["contenido"].location.href="/Fundamentos/Conceptos previos.htm";
}
</script>
<html>
<head>
<title>MATLAB y control autom&aacute;tico de sistemas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table size=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="166" height="161" valign="top"><img src="Imagenes/logo.jpg" width="166" height="161" usemap="#Map" border="0"></td>
<td width="838" valign="top"><iframe id=indice2 name="indice" width="838" height="161" scrolling="Default" frameborder="0" src="cabecera.htm" ></iframe></td>
</tr>
<tr>
<td valign="top" height="465"><img src="Imagenes/menuprincipal.gif" width="166" height="465" usemap="#Map2" border="0"></td>
<td valign="top"><iframe id=contenido2 name="contenido" width="838" scrolling="Default" frameborder="0" height="465" src="Principal.htm" ></iframe></td>
</tr>
</table>
<map name="Map">
<area shape="poly" coords="143,13,122,18" href="#">
<area shape="poly" coords="137,11,126,13,115,21,111,29,111,34,109,38, 103,37,98,29,93,32,85,38,75,45,68,49,64,52,60,43,5 5,42,41,50,6,70,11,78,17,82,27,90,41,95,49,99,60,1 02,68,101,77,97,91,96,106,98,115,97,125,98,139,99, 148,98,154,99,156,86,154,72,152,65,143,65,140,64,1 31,66,127,65,126,60,124,55,122,52,133,55,137,54,14 4,55,150,50,157,46,159,38,159,26,155,19,148,13" href="Principal.htm" target="contenido" alt="El matlab y el control autom&aacute;tico" title="El matlab y el control autom&aacute;tico">
</map>
<map name="Map2">
<area shape="rect" coords="36,23,132,66" href="#" title="Bloque I: Fundamentos Matem&aacute;ticos" value="Cargar" onClick="CargaIframes();">
</map>
</body>
</html>

no entiendo pq no funciona

[JavierB]

Hola de nuevo.

Pon la imágen sobre la que quieres aplicar el map:

<map name="Map2">
<area shape="rect" coords="36,23,132,66" href="#" title="Bloque I: Fundamentos Matemáticos" value="Cargar" onClick="CargaIframes();">
</map>
<img src="tuimagen.gif" width="430" height="230" border="0" usemap="#Map2">
</body>

Además el script <script>codigo</script> es más correcto ponerlo entre <head> y </head> Por lo demás no parece que haya ningún error

Saludos,

[sputnik]

Ah!! Ahora entiendo eso de la imagen. Yo pensaba que haciendo el área sobre la imagen insertada era suficiente y no tenía que cargar nada más.

Ahora mismo lo pruebo. Gracias!!!!

Por fin me funciona!!

resulta que era una tonteria ponía
window.frames["indice"].location.href="/Menu/menu_fund.htm";

y era así:
window.frames["indice"].location.href="Menu/menu_fund.htm";

Sin la barra de delante del Menu

También me han comentado otra función que en vez de cargar la url refresca o algo así. ES.

nombreiframe.navigate("dirección");

Con lo que con mi ejemplo queda:

indice.navigate("Menu/menu_fund.htm");

MUCHAS GRACIAS A TODOS!!!

[ocamx2008]

Iniciado por JavierB

Hola, sputnik.

Prueba esto:

Código PHP:

  <iframe id="f1" src="pagina1.html" border="1"> 
</iframe> 
<iframe id="f2" src="pagina2.html" border="1"> 
</iframe> 
<input type="button" value="Cargar" 
onClick="f1.location.href='pagina2.html';f2.location.href='pagina1.html'">  
   

Espero que te sirva. Saludos,

Yo necesito lo mismo pero en lugar de boton con un enlace

<iframe id="f1" src="pagina1.html" border="1">
</iframe>
<iframe id="f2" src="pagina2.html" border="1">
</iframe>

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

Hojala alguien pueda ayudarme

gracias..

[caricatos]

Tema cerrado por antiguo

ocamx2008: A un botón se le puede dar aspecto de enlace con estilos... También puedes usar el href del enlace para un enlace (solo uno), usando el atributo target en el enlace y name del iframe (con el mismo valor), y con el evento click enlazar de la forma que se explica en el tema... de todos modos, puedes abrir un tema nuevo explicando más detalladamente tu problema (y también puedes referir a éste)

Saludos