onClick... que cargue un iframe u otro

angeldelolmo · #1 (**permalink**) 02/06/2009, 10:43

Hola, tengo la siguiente botonera:

Código:

<ul>
<li><a href="image1.jpg" rel="transition[slideright]"><img src="img/i_edicion.gif" alt="programa" width="131" height="13" border="0" /></a></li>
<li><a href="image2.jpg" rel="transition[slidedown]"><img src="img/programa.gif" alt="programa" width="131" height="13" border="0" /></a></li>
<li><a href="image3.jpg" rel="transition[slideright]"><img src="img/disenadores.gif" alt="disenadores" width="131" height="13" border="0" /></a></li>
<li><a href="image4.jpg" rel="transition[slidedown]"><img src="img/grupos_musicales.gif" alt="grupos musicales" width="131" height="13" border="0" /></a></li>
<li><a href="image5.jpg" rel="transition[slideright]"><img src="img/creditos.gif" alt="creditos" width="131" height="13" border="0" /></a></li>
<li><a href="image6.jpg" rel="transition[slidedown]"><img src="img/prensa.gif" alt="prensa" width="131" height="13" border="0" /></a></li>
<li><a href="image7.jpg" rel="transition[slideright]"><img src="img/contacto.gif" alt="contacto" width="131" height="13" border="0" /></a></li>


</ul>

... que lo que consigue es cambiar la imagen de una galería gracias a un efecto de scriptaculous...

pues bien, necesito que ADEMÁS, cuando haga click en cada botón, un iframe situado en dicha página, muestra una URL para cada botón

Código HTML:

<iframe src="http://urls"
width="300" height="1200" scrolling="no" frameborder="0" transparency>
</iframe>

Carxl · #2 (**permalink**) 02/06/2009, 10:50

Hola angeldelolmo...

Creo que tu problema no es de php...

Dírigite al foro de javascript, quizás te sirva.

Saludos

GatorV · #3 (**permalink**) 02/06/2009, 11:29

Tema trasladado desde PHP

ind4rk · #4 (**permalink**) 02/06/2009, 11:51

aki tienes un ejemplo simple, rapido y sucio

Código:

<html>
<head>
    <title>Página sin título</title>
</head>
<script type="text/javascript">
        function CambiarIframe(dire) 
        {
            document.getElementById("imenu").src = dire ;
        }
</script>
<body>
<iframe  width="780px" height="300px"  id="imenu" ></iframe>
    <input id="Button1" type="button" value="button" onclick="CambiarIframe('HTMLPage5.htm')"/>
</body>
</html>

angeldelolmo · #5 (**permalink**) 04/06/2009, 03:46

Gracias! funciona bien...

pero hay alguna forma de que el iframe muestre por defecto una URL, antes de que le hayamos dado a ningún botón?

ind4rk · #6 (**permalink**) 04/06/2009, 11:29

Supongo ke quieres esto

Código:

<iframe  width="780px" height="300px"  id="imenu" src="HTMLPage4.htm" ></iframe>
.

angeldelolmo · #7 (**permalink**) 10/06/2009, 04:17

Genial, me faltaría por hacer que el height del iframe sea uno diferente que yo especifique para cada botón.

Y también necesito que los iframes se carguen con un efecto de "fundido"...

GRACIAS !