Ir para conteúdo
Omar~

Redirecionamento com barra de progresso

Recommended Posts

Então, alguém poderia me indicar algo para que eu possa dar uma pesquisada de como realizar tal coisa?

 

Nada mais é que uma barra de progresso (antes/durante o redirecionado) "não sei como funciona".

Exemplo disso é websites como youtub, github entre outros, que ao acessar um link mostra um processo antes de fato o browser se redirecionar.

 

Nota!: Não é um ajax com barra de progresso.

Na verdade a única forma que consigo imaginar em fazer é:

- Adicionar um evento click em cada elemento de TAG <A>

- Capturar seu valor HREF

- Executar um ajax nos dados do href, assim sendo consigo monitorar o processo por causa do ajax.

- Pós conclusão dos dados computados do ajax, usar um location.href para o local.

Obs.: Já até fiz dessa forma e funciona, mas porém....

Acho meio "anti-prático", porque nesse caso o browser do usuário deve carregar o mesmo conteúdo duas vezes, uma durante o ajax depois novamente quando redirecionar. Além do mais, como nos sites que citei que usam esse tipo de aplicação, visivelmente não funciona dessa forma.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Omar, eu olhei o site do Youtube e parece que a barra de progresso só é acionada depois do redirecionamento, parece que o processo é feito na página posterior, para indicar que ainda está carregando.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, eu pensei em uma alternativa similar.

Exemplo:

<a href="arquivo_qualquer.php?valor="outro_arquivo" />

Então ao clicar no link vai para o arquivo_qualquer e lá executo ao ajax com a informação recebida. Assim monitorando o XMLHttpRequest.

 

Agora ao fato que pensei se fazer tudo antes, digamos então.

Tenho uma pagina qualquer que faz consultas em um banco de dados, logo a mesma executa querys, ao carrega-la com ajax, e novamente as querys serão executadas se redirecionar para ela. Então essa alternativa que disse no primeiro post se torna totalmente inviável.

 

Mas queria realmente saber como é feita essa aplicação, para criar um script padrão da melhor forma possível.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Pedro788
      Olá a todos, esse é meu primeiro tópico na imasters e já estou solicitando ajuda rsrs..

      Bom, tentei pedir a ajuda para o pessoal da UOLHOST para que o meu dominio www.sitautoparts.com fosse redirecionado para o meu novo, no caso www.stiautoparts.com.br

      Se tentar entrar em www.sitautoparts.com o site não estará mais funcionando, não sei o real motivo, o operador da UOLHOST fez algumas alterações na zona DNS/CNAME conforme imagem:



      Depois dele fazer as alterações ele me disse que não daria certo e que eu teria que programar um script utilizando o .htaccess.

      Alguém pode me ajudar?
    • Por Juliana Santos
      Bom dia,
       
      Estou utilizando a função file_get_contents para pegar o conteúdo da URL: https://www.zoom.com.br/lead?oid=15284845&sortorder=7&index=6&searchterm=&pagesize=15&channel=1
       
      Essa página é redirecionada para a página: https://www.shoptime.com.br/produto/123353674/livro-a-garota-no-trem?s_term=COMPARADORES&opn=COMPARADORES&epar=9381&hl=lower&loja=61365284000104 (Que é a URL que preciso pegar, mas não estou conseguindo)
       
      Alguém teria alguma solução?
       
      Desde já agradeço!
       
       
    • Por Alvaro Pacífico Serpa
      Boa tarde, precisava da ajuda de vocês para fazer redirecionamentos 301 via htaccess. Antes eu possuia links no meu site do tipo www.meusite.com/videos/nome-do-video/ porem mudei para www.meusite.com/nome-do-video/ como posso fazer esse redirecionamento?? Desde já obrigado pela ajuda!
    • Por dekaox
      Olá pessoas do Forum.
      Bom, estou tendo um simples problemas mas que até agora não consegui resolver.
       
      Tenho um site "meusite.com.br", e nele tem "meusite.com.br/#contato", "meusite.com.br/#sobre", "meusite.com.br/#ajuda"...
      Queria que quando alguém entrasse nele automaticamente se redirecionasse para "meusite.com.br/#sobre".
    • Por VictorMoreiraCunha
      Boa Tarde galera,
      Sou meio iniciante no assunto de programação. Eu estou com alguns problemas, estou criando uma página em HTML e PHP e no Painel Administrativo botei um botão switch. A minha ideia é que quando estiver acionado ele direciona as pessoas para a index "manutenção", ou seja, qualquer link que a pessoa tentar entrar do site vai redirecionar para a página "manutenção". E quando acabar a "manutenção" eu possa desacionar o botão para  que o site volte ao normal. Lembrando que eu vou ter acesso ao Painel (não pode ser redirecionado).
       
      Meus Problemas:
      1-Manter o botão acionado durante a manutenção.
      2-Redirecionar todas as pessoas quando o botão estiver acionado para a página "manutenção.html".
       
      Botão Switch:
      <div class="switch__container"> <input id="switch-shadow" class="switch switch--shadow" type="checkbox"> <label for="switch-shadow"></label> </div> /* Estilo iOS */ .switch__container { margin: 30px auto; width: 120px; } .switch { visibility: hidden; position: absolute; margin-left: -9999px; } .switch + label { display: block; position: relative; cursor: pointer; outline: none; user-select: none; } .switch--shadow + label { padding: 2px; width: 120px; height: 60px; background-color: #dddddd; border-radius: 60px; } .switch--shadow + label:before, .switch--shadow + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } .switch--shadow + label:before { right: 1px; background-color: #f1f1f1; border-radius: 60px; transition: background 0.4s; } .switch--shadow + label:after { width: 62px; background-color: #fff; border-radius: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: all 0.4s; } .switch--shadow:checked + label:before { background-color: #8ce196; } .switch--shadow:checked + label:after { transform: translateX(60px); }  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.