Hacer que un link en php cambie el cont de iframe y capa

way2park · #1 (**permalink**) 27/05/2009, 06:07

Hola !!!

Les cuento, yo tengo una pagina principal en php con un frame y en esa misma pagina principal en un rinconcito una capa con una imagen.

El asunto es que quisiera que cuando hago click en un boton para cambiar el contenido de iframe tambien me cambie el contenido de la capa.

Osea que cambie el contendio de dos elementos de la misma pagina.

Pudo hacer que cambie pero una sola cosa o la capa o el iframe, aqui el dilema,

como hago para que cambie las dos cosas.

Desde ya muchas pero muchas gracias !!!!

ACX_POISON · #2 (**permalink**) 27/05/2009, 07:29

mmm... para hacer eso creo que debes usar javascript para el tema de que te cambie la imagen de la capa, cambiando el "SRC" de la imagen...

way2park · #3 (**permalink**) 27/05/2009, 07:54

Sabes yo pienso lo mismo, pero no se como hacerlo, ya que son dos instrucciones, tambien pense en enviar la orden desde el iframe que abro algo haci como ida y vuelta pero creo que lo mas ordenado seria con javascript.

Si tenes alguna idea de como hacer ese java estaria buenisimo!!!

ACX_POISON · #4 (**permalink**) 27/05/2009, 08:14

mira esto hace lo que creo necesitas

Código PHP:

  <!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prueba</title>
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 322px;
    top: 30px;
}
-->
</style>
<script language="javascript">
function Cambiar(url, img)
{
    alert(url);
    alert(img);
    document.getElementById('principal').src=url;
    document.getElementById('imagen_cambia').src=img;
}
</script>
</head>

<body>
<iframe src="" name="principal" height="300" width="300" id="principal"></iframe>
<p>&nbsp;</p>
<p>Cambia frame</p>
<p><a href="#" onclick="Cambiar('http://www.google.cl', 'imagenes/f1.gif');">num1</a> <a href="#" onclick="Cambiar('http://gmail.com', 'imagenes/retorno.gif');">num2</a>  </p>
<div id="Layer1"><img src="" alt="" name="imagen_cambia" width="200" height="116" id="imagen_cambia" /></div>
</body>
</html>

si es asi adaptalo a tu necesidad, suerte..

a se me olvidaba en el caso de la imagen puse una ruta relativa por lo que si lo pruebas directamente , no veras la imagen... cambia las rutas de las imagenes por unas que tu tengas ...

way2park · #5 (**permalink**) 27/05/2009, 08:28

Gracias !!!!!!!!!!!

Hoy mismo lo pruebo y posteo como me fue

Hola AC

Te cuento !!

Probe el codigo que me pasastes, funciona pero me duplica la capa. Pero me diste una idea que me funciono, sobre todo para novatos.

Usando el dream, se hace el link hacia la pagina que queremos abrir en el iframe y con el comportamiento de etiquetas, le agregamos la opcion de mostrar y ocultar distintas capas.

Un solo boton hace las dos cosas.

Si... no es lo mismo, yo anteriormente quieria cambiarle la imagen a la misma capa sin utilizar mas de una, pero ante lo complejo, opte por usar esto a pesar de usar varias capas.

Muchas gracias AC !!, si no me hubieras pasado nada, no se me prendia la lamparita.

Genio !!!

ACX_POISON · #6 (**permalink**) 27/05/2009, 08:56

de nada MEN...

y suerte...

GatorV · #7 (**permalink**) 27/05/2009, 09:09

Tema trasladado desde PHP