PDA

Ver la Versión Completa : saltar de pagina en determinado tiempo


fede79
15-12-2006, 18:30:04
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
Hola,

Jugando un poco llegamos a esto:


<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-1 == 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 (http://www.webtaller.com/construccion/lenguajes/javascript/lecciones/funciones_setinterval_settimeout_javscript.php). 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.