Ver Mensaje Individual
  #6 (permalink)  
Antiguo 28/12/2013, 19:43
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: Cambiar URL de un iframe al presionar un Boton

Como vi las cuatro flechas, pensé que querías cuatro botones. Bueno, en ese caso, podrías poner todos los enlaces en un array y con cada clic, irás avanzando de uno en uno por dicho array para ir cambiando de página. Cuando llegue al último elemento del array, es decir, al último enlace y se vuelva a dar clic, tomará el primer enlace del array, con lo cual, se volverá un ciclo infinito.

En el documento HTML
Código HTML:
Ver original
  1. <iframe id = "capa"></iframe>
  2. <button id = "enlace">Siguiente</button>

En el documento JavaScript
Código Javascript:
Ver original
  1. var enlaces = [
  2.                 "http://www.youtube.com/embed/ChbWhAtqEnA",
  3.                 "http://www.youtube.com/embed/Zi8vJ_lMxQI",
  4.                 "http://www.youtube.com/embed/_mVW8tgGY_w",
  5.                 "http://www.youtube.com/embed/xl48QIxMXQg"
  6.               ],
  7.     boton = document.querySelector("#enlace"),
  8.     capa = document.querySelector("#capa"),
  9.     contador = 0,
  10.     sizeEnlaces = enlaces.length - 1;
  11.  
  12. capa.src = enlaces[contador];
  13. boton.addEventListener("click", function(){
  14.   contador = contador == sizeEnlaces ? 0 : contador + 1;
  15.   capa.src = enlaces[contador];
  16. }, false);

Y el ejemplo en ejecución, lo puedes ver aquí.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand