Cambiar URL de un iframe al presionar un Boton

[Alexis88]

Podrías crear un pseudo-atributo para cada botón, en donde estaría la dirección que debe de cambiarse en el atributo src del iframe. Un pequeño ejemplo:


El documento HTML, en el que están el iframe y los botones

Código HTML:

<iframe id = "capa"></iframe>
<button data-link = "pagina1.html">ARRIBA</button>
<button data-link = "pagina2.html">ABAJO</button>
<button data-link = "pagina3.html">IZQUIERDA</button>
<button data-link = "pagina4.html">DERECHA</button>
 

El documento JavaScript, en donde se realizará el proceso

Código Javascript:

var botones = document.getElementsByTagName("button"),
    iframe = document.getElementById("capa"),
    sizeBotones = botones.length;
 
for (i = 0; i < sizeBotones; i++){
    botones[i].addEventListener("click", function(){
        iframe.src = this.getAttribute("data-link");
    }, false);
}
 

Básicamente, tomo los cuatro botones, los inserto en un array y con ayuda de un bucle, le asigno a cada uno el evento "click" para que cuando se pulse cada botón, se le asigne al atributo src del iframe, el valor del pseudo-atributo data-link del botón que es en donde está contenida la dirección.

Saludos