| Widget visível em determinados minutos |
Com este tutorial, será ensinado a criar um recurso que visa mostrar um determinado widget e esconde-lo após alguns minutos, de acordo com a hora do usuário em vossa página.
--> Tutoriais, dicas e astúcias <--
Widget visível em determinados minutos
1º - Noção básica da função:As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Painel de controle Modulos HTML & JavaScript "Aba" Gestão dos códigos JavaScripts
|
| Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
| Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas. |
| Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. Em nosso caso, adicionaremos o código, referente a nossa versão:
| PHPBB3 |
- Código:
jQuery(document).ready(function(){ //será executado quando o documento DOM for carregado var horario = new Date(); var hora = horario.getMinutes(); if ((hora >= 21) && (hora < 39)) jQuery('.panel:eq(0)').fadeToggle(); } if ((hora >= 40) && (hora < 60)) { jQuery('.panel:eq(0)').fadeToggle(); } });
| PHPBB2 |
- Código:
jQuery(document).ready(function(){ //será executado quando o documento DOM for carregado /* Getar a hora */ var horario = new Date(); var hora = horario.getMinutes(); /* Verificar a hora */ if ((hora >= 21) && (hora < 39)) /* Ação após verificar */ jQuery('#left table.forumline:eq(1), #right table.forumline:eq(1)').fadeToggle(); } if ((hora >= 40) && (hora < 60)) { /* Ação após verificar */ jQuery('#left table.forumline:eq(1), #right table.forumline:eq(1)').fadeToggle(); } });
| PUNBB |
- Código:
jQuery(document).ready(function(){ //será executado quando o documento DOM for carregado /* Getar a hora */ var horario = new Date(); var hora = horario.getMinutes(); /* Verificar a hora */ if ((hora >= 21) && (hora < 39)) /* Ação após verificar */ jQuery('.module:eq(1)').fadeToggle(); } if ((hora >= 40) && (hora < 60)) { /* Ação após verificar */ jQuery('.module:eq(1)').fadeToggle(); } });
| INVISION |
- Código:
jQuery(document).ready(function(){ //será executado quando o documento DOM for carregado /* Getar a hora */ var horario = new Date(); var hora = horario.getMinutes(); /* Verificar a hora */ if ((hora >= 21) && (hora < 39)) /* Ação após verificar */ jQuery('.module.borderwrap:eq(1)').fadeToggle(); } if ((hora >= 40) && (hora < 60)) { /* Ação após verificar */ jQuery('.module.borderwrap:eq(1)').fadeToggle(); } });
|
| Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
|
- Procurar por isso no código, eq(1)'; altere o valor 1 para o número do widget. Este valor definira em qual widget se aplica os efeitos.
- Procurar por isso no código, 40 e 60 altere o valor 40 e 60 para os números desejados em minutos que o widget estará invisível.
- Procurar por isso no código, 21 e 39 altere o valor 21 e 39 para os números desejados em minutos que o widget estará visível.
|
© Fórum dos Fóruns
| Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Widget visível em determinados minutos |