Ocultar elemento de acordo com o link da página

3 participantes

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

Tópico resolvido Ocultar elemento de acordo com o link da página

Mensagem por Don Corleone 17.01.21 17:18

Detalhes da questão


Endereço do fórum: https://somosmugiwara.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Eu quero que o elemento abaixo fique oculto caso o link do mesmo seja o mesmo que o da página. Logo caso o link da página for o mesmo que o href do elemento no code abaixo, o elemento a seria oculto. Seria possível algo assim?

Código:

<li class="btn-thank" style="display: block;"><a title="Finalizar a aventura?" href="/t963-criando-confusao-em-ohara"><i class="ion-heart"></i></a></li>

Edit: coloque o código todo, com o li, que possui um id único
Edit 2: Já fiz o código abaixo, porém estou apenas com um pequeno problema, vejam abaixo:

Código:

 
$(function(){
    var url = window.location.href.toString();
    var divid = $("#btn-thank a").attr("href");
    alert(url);
    alert(divid);
      if (url == divid)
      {
        $("#btn-thank").css('display','none');
      }
      else if (url != divid)
      {
        $("#btn-thank").css('display','block');
      }
});

A variável url está retornando o link completo e a variável divid pega o link do elemento html, porém o mesmo não é completo. Como poderia ajustar para o código ficar totalmente funcional?
Don Corleone

Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Ocultar elemento de acordo com o link da página

Mensagem por tikky 18.01.21 13:57

Olá @Connor R.,

Não testei o seu código, mas reparei que o senhor trocou o atributo de class para id - o correto é .btn-thank slap Altere o seu código para:
Código:
(function($) {

    $(function() {


        var topicurl = $('.btn-thank').find('a');

        if (window.location.href.indexOf(topicurl.attr('href')) > -1) {
            topicurl.remove();
        }

    });

}(jQuery));


Atenciosamente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7970
Pontos : 9234

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar elemento de acordo com o link da página

Mensagem por Don Corleone 18.01.21 14:02

Ah sim, eu já tinha ajustado isto. Mas consegui resolver com o atributo child do css. Agora está totalmente funcional, thanks.
Don Corleone

Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ocultar elemento de acordo com o link da página

Mensagem por tikky 18.01.21 14:04

@Connor R.: Este código

Código:
<li class="btn-thank" style="display: block;"><a title="Finalizar a aventura?" href="/t963-criando-confusao-em-ohara"><i class="ion-heart"></i></a></li>

Encontra-se no tópico?! Se sim, dá para fazer o que o senhor deseja sem um script Envergonhado
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7970
Pontos : 9234

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar elemento de acordo com o link da página

Mensagem por Don Corleone 18.01.21 14:15

Vou te explicar o objetivo, quando o usuário clica no botão obrigado o mesmo ainda fica visível, mesmo que inoperante. O código que fiz busca o href do botão obrigado, caso o mesmo já tenha sido clicado ele é oculto, caso ainda não tenha sido clicado ele fica visível.

No fim ficou assim,

Código:

$(function() {
    var url = window.location.href.toString();
    var divid = $(".boxpost2:nth-child(3n + 1) #btn-thank a").attr("href");
    var url2 = "https://somosmugiwara.forumeiros.com";
 
      if (url == divid)
      {
        $("#btn-thank a").addClass("blzx");
      }
      else if (url2 == divid)
      {
        $("#btn-thank a").addClass("blzx");
      }
  else if (url != divid)
      {
        $("#btn-thank a").addClass("blzx2");
      }
      else
      {
        $("#btn-thank a").addClass("blzx");
      }
  });
Don Corleone

Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar elemento de acordo com o link da página

Mensagem por RafaelS. 21.01.21 13:54

Tópico resolvido


Movido para "Questões resolvidas".
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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