Conflito de código

Detalhes da questão

Endereço do fórum: http://ultimatelife.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição

Bom, consegui fazer o código de dropdowns, mas acabou dando algo errado aqui: http://prntscr.com/ig9bzt

E tentei fazer 2 dropdowns, um funcionou com sucesso, já o outro quando clico nele, abre o 1º.

Creio que seja conflito no JS. Há solução?

O meu menu é diferente do seu:
-> http://prntscr.com/ig9i92

Luiz escreveu:O meu menu é diferente do seu:
-> http://prntscr.com/ig9i92

Eu fiz só para usuários logados, por enquanto.
O senhor tem uma conta no fórum, além disso, creio que será essencial logar pois o conflito se trata quando vai clicar na foto do seu perfil.

A sua função (myFunction) é usada nos dois links, e só deve ser usada para um deles.

Há dois erros extremamente graves que foram cometidos:

01) Você criou dois elementos com um mesmo ID. Isso é um pecado no HTML e não deve ser feito.

02) Você criou uma função igual para dois links diferentes.

Enfim, crie uma função (nesse mesmo estilo) para cada um dos links, com ID's diferentes, aqui:

Código:

document.getElementById("myDropdown")

o/

Fiz o que indicou, agora fica abrindo os 2 :/

Antes de postar eu cheguei a trocar todos os ids mas não resultou.

Não pedi para mudar todos os ID's.

Crie um ID para cada dropdown, seguindo o mapa:


Você vai criar um ID para o dropdown 1, e outro ID para o dropdown 2.
Aí na função:

Código:

myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
  document.getElementById("avatar-dropdown").classList.toggle("show");
}

Você muda para:

Código:

myFunction(i) {
  if (! i) return false;

  if (i === 1) document.getElementById("myDropdown").classList.toggle("show");
  if (i === 2) document.getElementById("avatar-dropdown").classList.toggle("show");
}

Daí no onClick dos links, você faz:

Código:

onClick="myFunction(1);"

Ou:

Código:

onClick="myFunction(2);"

Se você passar 1 como parâmetro, o primeiro dropdown aparecerá. Se passar 2, o segundo ativará.

o/

Realmente, resultou kk...
Tenho muito que aprender nessa parte de JavaScript, sempre apanho pros códigos..

Obrigado mais uma vez Luiz.

Sò mais uma coisa, quando clica aqui: http://prntscr.com/igf4ea é possível tirar essas bordas azuis ? Ou já é do navegador ?

Olá @iScroll.

Lembrando que só é permitido uma questão por tópico. Se ainda tiver essa dúvida, crie outro tópico.

Obrigado.