sexta-feira, 30 de janeiro de 2009

Redirecionamento de página com Java Script

Redirecionamento de página com Java Script

Você mudou para um novo domínio. Você deseja um tempo de espera para o público visualizar seu site(uma propaganda). Você possui uma lista de servidores web que estão ajudando a divulgar o seu site.

Quando trocamos de domínio fica muito difícil informar todos os visitantes sobre esta mudança. Uma boa saída é fazer uma "página de redirecionamento", e coloca-la no site antigo, assim depois do tempo de espera você redireciona seu visitante para o novo local do site. Isto fica muito fácil com o redirecionamento com Java Script


JavaScript Window.Location

Para controlar quais página estão sendo carregadas no browser é necessário utilizar a propriedade window.location do Java Scritpt. A configuração de window.location igual a uma nova URL, você pode trocar a página atula por uma especificada na linha de window.location.


Por exemplo, se você desejar redirecionar seus visitantes para o google, utilize o código abaixo:

HTML & JavaScript :
<script type="text/javascript">
<!-- window.location = "http://www.google.com/" //-->
</script>
Coloque este código após a tag . Você também pode redirecionar para páginas de seu domínio:
<script type="text/javascript">
<!-- window.location = "cadastro.html/" //-->
</script>



JavaScript Time Delay

Implementação de um tempo de delay é incado nas seguintes situações:


  • Mostrar que você mudou de endereço(URL), ou página.

  • Para sites de download que existe um tempo de espera antes do início do download

  • Para atualizar páginas em um número epecificado de segundos

  • Para anuncio de alguma promoção antes da página principal

O código para este tempo de epera(delay) é muito simples, e funciona em boa parte dos navegadores.


HTML & JavaScript:
<html>
<head>
<script type="text/javascript">
function delayer(){
window.location = "../javascriptredirect.php" }
</script>
</head>
<body onLoad="setTimeout('delayer()', 5000)">
<h2>Preparando Direcionamento</h2>
<p>Esta página foi tranferida para um novo endereço!</p>
</body> </html>

Exemplo:

A parte mais importante para entender, é que devemos usar a funcção setTimeout do Java Script para passarmos dois argumerntos, a função a ser chamada e tempo de espera.

  • 'delayer()' - Função criada para trocar de página. Ela é chamada depois de esperar o setTimeout() executar o delay.

  • setTimeout()- Função Java script que determina o tempo de espera para chamar funções pré determinadas.

  • 5000 - Número de milisegundos que a função setTimeout() espera para chamar noss função. 1000 milisegundos = 1 segundo.

Traduzido por: Danilo Pereira
Matéria Original: http://www.tizag.com/javascriptT/javascriptredirect.php

2 comentários:

Unknown disse...

excelente funciona bem.

Anônimo disse...

Cara parabéns! Muito bom tutorial, funciona show de bola...
Grande abraço...