HTML - Comunicar 2 iFrames

Comunicar 2 iFrames

Publicado por asc (4 intervenciones) el 27/02/2008 18:07:49

Hola. Como todos tengo un problema:

Tengo una pagina con 2 iFrames: en el primero hay unos enlaces que quiero que se carguen en el 2º frame, pero necesito que además pase por una función de jscript. a esa funcion le paso la paginaq debe cargar en iframe y hay este codigo:

function cargar_iframe(pag){

if (pag!=""){
document.getElementById('iframe2').src=pag+".html";
}
[......]

}

cuando los enlaces del iframe 1 estaban directamente en la pagina funcionaban, y al pasarlos al iframe ya no rula. no se q modificaciones hay que hacer sobre el codigo.

gracias y un saludo

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 4

Val: 359

RE:Comunicar 2 iFrames

Publicado por ScriptShow (409 intervenciones) el 27/02/2008 20:16:11

Saludos, la clave del fallo está en usar ó no (parent). Veamos unos ejemplos:

El código de la página que contiene los dos iframes (iframe_conten.html):

<html>
<head>
<script>
function cargar_iframe(pag){
if (pag!=""){
document.getElementById('iframe1').src=pag+".html";
document.getElementById('iframe2').src=pag+".html";
}
}
</script>
</head>

<body>

<iframe id="iframe1" src="pagina1.html"></iframe>
<p>
<iframe id="iframe2" src="pagina2.html"></iframe>

<p>______________________________________</p>

<input type="button" onclick="cargar_iframe('pagina1')" value="Cargar Pagina 1">
<input type="button" onclick="cargar_iframe('pagina2')" value="Cargar Pagina 2">

</body>
</html>

El código de la página del iframe 1 (pagina1.html):

<html>
<head>
<script>
function cargar_iframe(pag){
if (pag!=""){
parent.document.getElementById('iframe2').src=pag+".html";
}
}
</script>
</head>

<body bgcolor="#444444">

<input type="button" onclick="cargar_iframe('pagina1')" value="Pagina 1">
<p>
<input type="button" onclick="cargar_iframe('pagina2')" value="Pagina 2">

</body>
</html>

El código de la página del iframe 2 (pagina2.html):

<html>
<head>
<script>
function cargar_iframe(pag){
if (pag!=""){
parent.document.getElementById('iframe1').src=pag+".html";
}
}
</script>
</head>

<body bgcolor="#888888">

<input type="button" onclick="cargar_iframe('pagina1')" value="Pagina 1">
<p>
<input type="button" onclick="cargar_iframe('pagina2')" value="Pagina 2">

</body>
</html>

Con los ejemplos podemos ver las tres formas más comunes de comunicación entre (IFRAMES). Se puede/n usar de la forma más conveniente.

Espero te sea útil.

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

RE:Comunicar 2 iFrames

Publicado por asc (4 intervenciones) el 28/02/2008 10:01:56

tenias razon, era el parent.
muchas graciasssssssss

Valora esta respuesta

Comentar