Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

avatar IsmaelS.  • Qua 17 Dez 2014 - 17:17

Função no Menu de Navegação Empty Função no Menu de Navegação Qua 17 Dez 2014 - 17:17

Minha questão:
Bem eu queria uma pequena função que era ao clicar no menu de navegação ou seja ao clicar em "Portal" ficar o efeito do menu no "Portal" e não sempre no "Inicio".



Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Cepheus Cepheus  • Qua 17 Dez 2014 - 18:02

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Qua 17 Dez 2014 - 18:02

Crie um novo js com investimento em todas as paginas:
e adicione:
Código:

jQuery(function() {
  jQuery(''a.firstlevel').each(function() {
    if (jQuery(this).attr('href')  ===  window.location.pathname) {
      jQuery(this).addClass('active');
    }
  });
});


Última edição por Cepheus em Qua 17 Dez 2014 - 18:19, editado 1 vez(es)

avatar IsmaelS.  • Qua 17 Dez 2014 - 18:05

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Qua 17 Dez 2014 - 18:05

Não resultou em nada amigo.

Cepheus Cepheus  • Qua 17 Dez 2014 - 18:20

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Qua 17 Dez 2014 - 18:20

Coloquei o endereço do link errado, troque por esse:
Código:
jQuery(function() {
  jQuery('#topnav li a').each(function() {
    if (jQuery(this).attr('href')  ===  window.location.pathname) {
      jQuery(this).addClass('active');
    }
  });
});

avatar IsmaelS.  • Qua 17 Dez 2014 - 18:26

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Qua 17 Dez 2014 - 18:26

Sem resultado amigo ...

waghcwb waghcwb  • Dom 21 Dez 2014 - 19:54

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Dom 21 Dez 2014 - 19:54

Teste este código

Código:
$(function() {
   
   if(location.pathname === '/') {
      $('#navbar .active').removeClass('active');
      $('#navbar a[href="/portal"]').addClass('active');
   }
   
});

avatar IsmaelS.  • Seg 22 Dez 2014 - 13:59

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Seg 22 Dez 2014 - 13:59

Não resultou amigo ....

HeroWaar HeroWaar  • Seg 22 Dez 2014 - 14:07

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Seg 22 Dez 2014 - 14:07

Olá,

Fiz uma modificação pelo código do Cepheus, veja se resulta:
Código:
jQuery(function() {
  jQuery('a.firstlevel').each(function() {
      ths = jQuery(this);
      if ((ths).attr('href') == '/portal') {
          ths.attr('href', '/');
      }
    if (ths.attr('href')  ===  window.location.pathname) {
        jQuery('a.firstlevel').removeClass('active');
      ths.addClass('active');
    }
  });
});

HW,

avatar IsmaelS.  • Seg 22 Dez 2014 - 15:23

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Seg 22 Dez 2014 - 15:23

Sem efeito nenhum amigo, sem resultado ...

HeroWaar HeroWaar  • Seg 22 Dez 2014 - 16:22

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Seg 22 Dez 2014 - 16:22

Olá,

Testei pelo console e funcionou perfeitamente,

Tente este:
Código:
jQuery(document).ready(function() {
    setInterval(function() {
        jQuery('a.firstlevel').each(function() {
            ths = jQuery(this);
            if ((ths).attr('href') == '/portal') {
                ths.attr('href', '/');
            }
            if (ths.attr('href') === window.location.pathname) {
                jQuery('a.firstlevel').removeClass('active');
                ths.addClass('active');
            }
        });
    }, 100);
});

HW,


Última edição por HeroWaar em Seg 22 Dez 2014 - 16:26, editado 1 vez(es)

avatar IsmaelS.  • Seg 22 Dez 2014 - 16:28

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Seg 22 Dez 2014 - 16:28

Simplesmente perfeito muito obrigado amigo!!!

HeroWaar HeroWaar  • Seg 22 Dez 2014 - 16:33

Função no Menu de Navegação Empty Re: Função no Menu de Navegação Seg 22 Dez 2014 - 16:33

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]

[alerta=Tópico movido][/alerta]

Este tópico foi movido de "Pedido de código" para "Arquivo - Pedido de código".

Conteúdo patrocinado  • 

Função no Menu de Navegação Empty Re: Função no Menu de Navegação

Permissões neste sub-fórum
Não podes responder a tópicos