Mudança de abas automaticamente (ideal para LCDs)

Algo que sempre gera dúvidas: Existe a possibilidade de montar um dashboard e este dashboard ficar trocando de abas, ou objetos, automaticamente no LCD da sala de minha empresa?

R: Sim, existe!

A forma em que irei demonstrar é fazer através do I.E. Plugin (Internet Explorer). Ahhh, mas quero fazer funcionar no AJAX, tem como?

R: Sim, mas deixarei para um próximo post (podem me cobrar), pois para funcionar no ajax teremos que alterar algumas dlls.

Sem mais enrolação, vamos ao código:

1) Crie uma nova aplicação.

2) Crie três variáveis:

  • vAba = Definirá a quantidade de abas que sua aplicação possui para fazer a rotação automática.
  • vDelay = Definirá o tempo, em segundos, em que cada aba deverá permanecer.
  • vMostra = Definirá qual a atual aba estará sendo visualizada.

Em nosso exemplo: teremos 4 abas e quero que cada aba fique visível por 15 segundos.

SET vAba = 4;
SET vDelay = 15;
SET vMostra = =ceil((frac(now())*86400/(vAba*vDelay)-floor(frac(now())*86400/(vAba*vDelay)))*(vAba));

3) Altere o modo de atualização da aplicação para “O servidor executa a atualização automaticamente sem a ação do cliente.”

Localização desta opção: Configuração -> Propriedades do Documento -> Aba “Servidor”.

Mudança automática de abas.

Mudança automática de abas.

OBS: Para que serve isso? Isso é essencial para que sua atualização atualize os dados automaticamente, caso esta opção não esteja marcada e a carga desta aplicação tenha acabado de executar, os dados da aplicação não serão atualizados até que o usuário vá e faça alguma ação nesta aplicação.

4) Nas propriedades de cada uma das abas, habilite a condicional para Mostrar a pasta e coloque a seguinte regra:

vMostra = 1 //para a aba 1

vMostra = 2 //para a aba 2

vMostra = 3 //para a aba 3

vMostra = 4 //para a aba 4

Condicional de pasta

5) Esconda as abas para ficar mais bonitinho 😀

Configuração -> Propriedades do Documento -> Aba Geral -> Habilite Ocultar Pasta

Prontinho, agora a cada 15 segundos sua aplicação vai trocar de aba.

Em anexo estou disponibilizando um exemplo de aplicação. Faça o download aqui.

Anúncios