Como faço para ocultar/remover o slider e o banner embaixo dele com JavaScript? Preciso que ele fique somente na home, mas ele está repetindo em todos os departamentos do site.
-
Boa tarde @lucas, a melhor forma de fazer é verificar como está o código e restringir diretamente por lá, usar javascript estará "solucionando" o seu problema mas apenas visualmente. Aconselho verificar a estrutura do código.– Diego VieiraCommented 1/07/2014 às 18:05
-
6É muito mais sensato fazer o contrário. COLOCAR a div somente na home. Qualquer outra coisa é gambiarra.– Largato ♦Commented 1/07/2014 às 21:36
-
1Ta usando algum tipo de framework? tipo wordpress ou cakePHP ou algum tipo de loja pronta? Seria melhor você especificar mais sobre o seu problema para podermos ajudar... fazer algo em javascript para camuflar algo que você não quer mostrar além de ser uma gambiarra bem feia só piora o desempenho do seu site como também pode te trazer problemas futuros de manutenção– Guilherme LouroCommented 1/07/2014 às 21:53
-
1Por favor poste o trecho de código relevante aqui mesmo. O link não só pode não estar no ar no futuro, como provavelmente não exibirá mais o problema que você descreve. E o ideal aqui é que as perguntas e respostas ajudem também futuros visitantes com problemas similares, não apenas quem perguntou. Obrigado.– bfavarettoCommented 1/07/2014 às 22:01
-
Nós usamos a plataforma de ecommerce Ciashop. Ela só permite que alteramos o header e o footer.– lucas nevesCommented 2/07/2014 às 18:42
3 Respostas
Esse tipo de re-design do lado do cliente (via JavaScript) não é uma boa solução. O melhor é conseguir alterar isso do lado do servidor.
Assumindo que isso não é possível, então tem de encontrar algo que distingua as páginas. Reparei que o background so menu não funciona, isso podia ser uma ajuda se estivesse a funcionar...
Assim a ideia que tive foi procurar por aquele texto que mostra em que página se está, e que não tem na primeira página.
O texto é Início > Camisas > Manga 7/8
Um seletor para ele seria: $('a[title="Início"]')
A ideia é ter este código que, no caso de não haver essa informação, esconde o slider.
if (!$('a[title="Início"]')) $('.imgBaFu').remove();
Você pode procurar um texto na URL que identifique que mudou de página, utilizando o método indexOf na propriedade document.URL.
// Se encontrar o texto "/Departamento?idExpandido=" na URL
// (creio que seja o suficiente para identificar que não é mais a homepage)
if (document.URL.indexOf("/Departamento?idExpandido=") > -1) {
// esconde os botões
$(".carousel-indicators").hide();
// Mais comandos
// ...
}
-
4Seria interessante dizer o que seu código faz e em que ele ajuda a solucionar o problema, mesmo que a explicação seja óbvia hoje, ela poderá ajudar vários outros desenvolvedores Commented 1/07/2014 às 17:35
-
Duas soluções para fazer o banner sumir quando clicar no menu.
Solução número 1:
$('#cssmenu').click(function(){
$('.imgBaFu').hide();
});
Solução número 2:
(function($){
$.getUrlVar = function(key){
var result = new RegExp(key + "=([^&]*)", "i").exec(window.location.search);
return result && unescape(result[1]) || "";
};
})(jQuery);
var r = $.getUrlVar("idExpandido");
r != "" ? $('.imgBaFu').hide() : 0;
Executando isso no ready
vai resolver seu problema, já testei com o FireBug no seu site.
-
Maison, na verdade eu queria que o banner (slider) e o banner abaixo aparecesse só na Home. No caso, ele aparece em todas as páginas do site. Commented 3/07/2014 às 20:45
-
@Caputo estou fornecendo a resposta sim, estou dando a solução que ele pediu, enconder o banner quando a pagina não estiver no home, é isso que ele quer, foi isso que eu entendi. Na segunda proposta eu verifico se existe algum valor no parametro passado via url, se existir parametro nao é home, entao ele da o hide() no banner Commented 3/07/2014 às 20:58
-
2Olá @MaisonSakamoto da forma que estava antes da edição estava tratando somente quando houvesse um click. A sua solução 2 sim, funciona sem o click e então pode ser uma resposta a Esconder div, exibir apenas na home. Vou remover o comentario anterior– CaputoCommented 3/07/2014 às 21:14
-
Isso mesmo, @MaisonSakamoto!! No caso eu queria que o segundo banner também sumisse. Mas já ajudou MUITO. Valeu galera. Commented 4/07/2014 às 12:48