No sé cargar una URL a un iFrame con un OnClick

dfmex · #1 (**permalink**) 01/05/2014, 01:29

Hola amigos!!!

Quisiera saber si alguien me podría ayudar a indicarme que debo poner en el OnClick para recargar la URL de un iframe...

por ejemplo tengo este código:

Código:

<html>
  <head>
    <title>Ejemplo de IFrames</title>
  </head>

  <body>
<p align="justify">Este es el ejemplo de iframes que nosotros hemos querido mostrate. Cómo ves aquí puedes ver el inicio de este tutorial html.</p>
<div align="center">
    <iframe src="about:blank"
      width="333" height="430" scrolling="no" frameborder="0"> Texto alternativo para navegadores que no aceptan iframes </iframe>
</div>
</body>
</html>

Yo lo que quisiera es que hubiera un boton que al presionarlo cargue el iframe con una URL que aleatoriamente se generaría en el OnClick del botón vía PHP....

Alexis88 · #2 (**permalink**) 01/05/2014, 02:33

Primero, debes tener la lista de las URL que deseas mostrar, almacenarlas en un array o en un objeto y cada vez que des un clic, tomas un valor del array (o sea, una URL) según el valor de una variable que debes de usar como contador para llevar un orden secuencial en la lista. Una vez que tienes la URL, simplemente la asignas al <iframe>.

Código Javascript:

Ver originalvar links = ["enlace1.php", "enlace2.php", "enlace3.php"],
    total = links.length,
    contador = 0,
    iframe = document.getElementById("id_del_iframe"),
    button = document.getElementById("id_del_botón");
 
iframe.src = links[contador]; //Al cargar la página, cargamos la primera página
button.addEventListener("click", function(){
    contador = contador == total - 1 ? 0 : ++contador;
    iframe.src = links[contador]; //Actualizado el contador, cargamos la página que corresponda
}, false);

Saludos

caricatos · #3 (**permalink**) 01/05/2014, 02:44

Hola:

No entiendo porqué no enlazas sin necesidad de javascript... basta que el target del enlace coincida con el name del iframe...

Saludos