Entrar

Rotador para varias paginas

jeffvv · · Solicitar retirada
Hola comunidad, este es mi primer tema y espero me puedan ayudar.

Estoy creando un rotador en frames que al dar click en el boton siguiente (ubicado en el frame alto) mande a una pagina del frame central

Mi pagina se veria asi con los 2 frames:
[contenido no disponible]

Lo que quiero saber es como hacer para que al dar click en siguiente mande a la siguiente pagina de una lista de paginas, osea primero mandaria en el frame inferior a google y al pulsar siguiente mandaria a la pagina de facebook y esas paginas se cargarian en el frame central.
Estaba haciendo algo asi en el top.html(frame alto):
<html>
<script language="javaScript">
function Next(){
document.location.href = "http://google.com";
document.location.href = "http://facebook.com";
}
</script> 
<body>
<button type="button" id="Next" onclick="Next()">Next</button>
</body>
</html>

El codigo del frame es asi:
<FRAMESET rows="80,*">
<frame name="alto" src="top.html">
<frame name="central" src="http://google.com/" /*Esto tendria que reemplazarlo por un codigo javascript que cargue la siguiente pagina del boton next */>
</FRAMESET>

De antemano gracias, espero me puedan ayudar.
skaparate · · Solicitar retirada
Hola!

Primero que nada, los frame están obsoletos, por lo que no deberías usarlos. Deberías usar iframe, que tampoco es una muy buena solución. Casi todo lo que necesitas actualmente se puede realizar a través de AJAX, por lo que ya no son tan necesarios.

Segundo, actualmente los servidores web envían una cabecera que evita que los sitios web puedan ser mostrados dentro de frames/iframes a no ser de que tengas acceso al código del servidor, donde podrías añadir una cabecera que sobrescribiría la del propio servidor.

Como ves tienes un problema con tu proyecto.

Si sabes que podrás hacerlo funcionar, entonces puedes usar esto con Javascript:

<a href="#" id="id_boton">Cambiar</a>
<iframe src="http://google.com"></iframe>

<!-- DEBE IR después del iframe, de otra forma no lo encontrará -->
<script>
  var count = 0;
  var sitios = [ 'http://google.com', 'http://otro.algo'];

  document.getElementById('id_boton').addEventListener('click', onclick, false);

  function onclick(e)
  {
    count++;
    document.getElementById('id_iframe').src = sitios[count];

    if(count > sitios.length)
      count = 0;
  }
</script>
skaparate · · Solicitar retirada
<button class="boton-next" onclick=(e)>Visit next site!</button>

Debería ser así:

<button [COLOR="#FF0000"]id="id_boton"[/COLOR] class="boton-next">Visit next site!</button>
jeffvv · · Solicitar retirada
skaparate escribió:
<button class="boton-next" onclick=(e)>Visit next site!</button>

Debería ser así:

<button [COLOR="#FF0000"]id="id_boton"[/COLOR] class="boton-next">Visit next site!</button>

Gracias, ya me funciono