Ocultar elemento de acordo com o link da página
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Ocultar elemento de acordo com o link da página
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?
Re: Ocultar elemento de acordo com o link da página
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
Altere o seu código para:
Atenciosamente,
pedxz.
Não testei o seu código, mas reparei que o senhor trocou o atributo de class para id - o correto é .btn-thank
![slap](/users/2612/28/77/07/smiles/79747.gif)
- 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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7933
Pontos : 9174
Re: Ocultar elemento de acordo com o link da página
Ah sim, eu já tinha ajustado isto. Mas consegui resolver com o atributo child do css. Agora está totalmente funcional, thanks.
Re: Ocultar elemento de acordo com o link da página
@Connor R.: Este código
Encontra-se no tópico?! Se sim, dá para fazer o que o senhor deseja sem um script![Envergonhado](/users/2612/28/77/07/smiles/378603.gif)
- 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](/users/2612/28/77/07/smiles/378603.gif)
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7933
Pontos : 9174
Re: Ocultar elemento de acordo com o link da página
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,
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");
}
});
Re: Ocultar elemento de acordo com o link da página
Tópico resolvidoMovido para "Questões resolvidas". |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Código jquery para ocultar conteúdo de acordo com a página.
» Centralizar elemento de página HTML
» [TUTORIAL] Alterar a cor do link de acordo com a hora do dia
» Ocultar link do menu de navegação
» Ocultar link de menu de navegação
» Centralizar elemento de página HTML
» [TUTORIAL] Alterar a cor do link de acordo com a hora do dia
» Ocultar link do menu de navegação
» Ocultar link de menu de navegação
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos