Foros Club Delphi

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)
-   HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)
-   -   saltar de pagina en determinado tiempo (https://www.clubdelphi.com/foros/showthread.php?t=38478)

fede79 15-12-2006 18:30:04

saltar de pagina en determinado tiempo
 
Hola, primero que nada un saludo, soy nuevo enesto y necesito de ayuda!

Tengo la necesidad de crear una pagina, la cual contiene un iframe, en este iframe tengo que desplegar varios sitios que estan en linea, cada determinado tiempo debera refrescarse el iframe mostrando el sitio siguiente, alguien me puede ayudar con esto?

dec 15-12-2006 22:21:14

1 Archivos Adjunto(s)
Hola,

Jugando un poco llegamos a esto:

Código PHP:

<html>
 <
head>
  <
title>ClubDelphi.com</title>
  
  <
script type="text/javascript">
   
   
// Timer que utilizaremos
   
var timer 0;
   
   
// Contador (para saber a qué página dirigirnos)
   
var contador 0;

   
// Array de URLs que iremos cargando   
   
var urls = new Array
   (
     
'http://www.google.es'
     
'http://www.ask.com',
     
'http://search.yahoo.com/'
   
);
   
   
// Carga una de las URLs del Array en nuestro "iframe"
   
function CargarUrl()
   {   
     var 
iframe document.getElementById('iframedestino');
     
iframe.src urls[contador];     
     
     
// Controlamos que el contador no exceda el número de
     // elementos del Array de Urls. En cuanto lleguemos al
     // tope inicializamos el contador a cero.
     
if(urls.length-== contador)     
       
contador 0;
     else
       
contador++;
       
     return;     
   }
   
   
// Cada 5 segundos llamaremos a la función "CargarUrl"
   
function IniciarTimer()
   {
     
timer =     setInterval("CargarUrl()"5000);
     
CargarUrl();
     return;
   }
   
   
// "Paramos" el Timer
   
function PararTimer()
   {
     
clearInterval(timer);
     return;     
   }
   
  
</script>
  
 </head>
 <body>
 
  <!-- IFrame en donde cargaremos las URLs -->
  <iframe id="iframedestino" width="100%" height="400" src=""></iframe>
  
  <!-- Botones para el control de nuestro "Timer" -->
  <div>  
   <input type="button" value="Parar timer" onclick="javascript:PararTimer();" />
   <input type="button" value="Iniciar timer" onclick="javascript:IniciarTimer();" />
  </div>
  
 </body>
</html> 

Nota que aunque el código sea HTML y JavaScript lo incluyo entre etiquetas PHP para que se resalte mejor. Echa un vistazo a este artículo de WebTaller para más información: Las funciones setInterval y setTimeout en JavaScript. Y no olvides que lo que muestro es una especie de "juego", de "ejemplo", que siempre puedes adaptarlo a tus necesidades, o, en fin, que espero te sirva únicamente para tomar ciertas ideas.

Adjunto el código de más arriba en un archivo para evitarte que lo copies y lo pegues tú mismo... así podrás ver el Script en funcionamiento.


La franja horaria es GMT +2. Ahora son las 21:10:16.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi