Destinado a Artigos, Tutoriais e Matérias de colunistas, base em PHP, MySQL, JavaScript, HTML, CSS, jQuery, etc... entre outros.
Moderador: web
 por Bluebird Offline » Qui Jul 22, 2010 3:49 pm
|
|
O código a seguir faz a contagem regressiva para o redirecionamento da página. Vou colocar em duas situações: a primeira, fazendo a contagem a partir de um input na própria página, e a segunda fazendo a contagem a partir de uma página anterior, redirecionando-se para uma página seguinte.
Contagem a partir do input na página:
Arquivo Redireciona.php: - Código: Selecionar todos
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
/*
Autor: Felipe L. Z. Bellé
Data: 05/10/2007
Função:
Este script faz o redirecionamento para outra pagina a partir de uma contagem-regressiva.
Parâmetros
tempo => Tempo em segundos que o script deve contar
url => A url final de envio
onde => Local na pagina onde ira aparecer a mensagem de contagem (pego via id)
msg => A mensagem que irá aparecer para o usuário final. Sintaxe: "Você será redirecionado em !tempo segundos."
onde, "!tempo" equivale ao segundo atual do script
Script para uso publico.
Exemplo de chamada
<input type="button" value="Envia" onclick="Redireciona(5,'pagina1','redir','Você será redirecionado em !tempo segundos.');">
<div id="redir"></div>
*/
function Redireciona(tempo,url,onde,msg)
{
var NovaMsg = msg.replace('!tempo',tempo);
document.getElementById(onde).innerHTML = NovaMsg;
tempo--;
if(tempo == -1)
location.href = url;
var nr = 'setTimeout("Redireciona('+tempo+',\''+url+'\',\''+onde+'\',\''+msg+'\')",1000)';
eval(nr);
}
</script>
</head>
<body>
<input type="button" value="Envia" onclick="Redireciona(5,'PaginaDestinoRedirecionamento.php','redir','Você será redirecionado em !tempo segundos.');">
<div id="redir"></div>
</body>
</html>
Redirecionamento a partir de um arquivo anterior:
Arquivo PaginaAnterior.php: - Código: Selecionar todos
<html>
<head>
<title>Página anterior</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<a href="PaginaRedirecionamento.php">link</a>
</body>
</html>
Arquivo PaginaRedirecionamento.php: - Código: Selecionar todos
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
/*
Autor: Felipe L. Z. Bellé
Data: 05/10/2007
Função:
Este script faz o redirecionamento para outra pagina a partir de uma contagem-regressiva.
Parâmetros
tempo => Tempo em segundos que o script deve contar
url => A url final de envio
onde => Local na pagina onde ira aparecer a mensagem de contagem (pego via id)
msg => A mensagem que irá aparecer para o usuário final. Sintaxe: "Você será redirecionado em !tempo segundos."
onde, "!tempo" equivale ao segundo atual do script
Script para uso publico.
Exemplo de chamada
<input type="button" value="Envia" onclick="Redireciona(5,'pagina1','redir','Você será redirecionado em !tempo segundos.');">
<div id="redir"></div>
*/
function Redireciona(tempo,url,onde,msg)
{
var NovaMsg = msg.replace('!tempo',tempo);
document.getElementById(onde).innerHTML = NovaMsg;
tempo--;
if(tempo == -1)
location.href = url;
var nr = 'setTimeout("Redireciona('+tempo+',\''+url+'\',\''+onde+'\',\''+msg+'\')",1000)';
eval(nr);
}
</script>
</head>
<body onload="Redireciona(5,'DestinoRedirecionamento.php','redir','Você será redirecionado em !tempo segundos.');">
<!--
<input type="button" value="Envia" onclick="Redireciona(5,'PaginaDestinoRedirecionamento.php','redir','Você será redirecionado em !tempo segundos.');">
-->
<div id="redir"></div>
</body>
</html>
Arquivo PaginaDestinoRedirecionamento.php: - Código: Selecionar todos
<html>
<head>
<title>Arquivo de destino do redirecionamento</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
ARQUIVO DE DESTINO DO REDIRECIONAMENTO
</body>
</html>
Bluebird
SUPER VETERANO
Mensagens: 424
Registrado em: Seg Fev 16, 2009 11:15 am
|
por web Offline » Qui Jul 22, 2010 3:55 pm
Funcionando certinho. 
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11889
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Laboratório de Artigos, Tutoriais e Matérias
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
|
|
|
