Conflito de código

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Conflito de código

Mensagem por iScroll em 18.02.18 2:05

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? Feliz
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Conflito de código

Mensagem por Luiz em 18.02.18 2:25

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

huh
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Conflito de código

Mensagem por iScroll em 18.02.18 2:40

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

huh

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.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Conflito de código

Mensagem por Luiz em 18.02.18 3:18

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/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Conflito de código

Mensagem por iScroll em 18.02.18 14:34

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

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Conflito de código

Mensagem por Luiz em 18.02.18 14:49

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

Crie um ID para cada dropdown, seguindo o mapa:

Conflito de código EfMuFcO

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/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Conflito de código

Mensagem por iScroll em 18.02.18 14:59

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 ?
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Conflito de código

Mensagem por Alex em 18.02.18 17:19

Olá @iScroll.

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

Obrigado.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Alex

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 648
Pontos Ativos : 868

Ver perfil do usuário https://mundogoph.org/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum