Publicado em 22 de mai.

Ocultar DIV com Javascript

Olá Pessoal,

Estou começando no mundo do javascript com um grande problema.

Tenho um site e preciso ocultar certa DIV em paginas especificas.

Neste caso meu problema é o seguinte:

Uso uma plataforma de e-commerce onde quero adicionar um banner principal, o mesmo fica dentro de uma DIV "banner" quero que ele seja exibido somente na página inicial do site.

Consegui habilitar facilmente o mesmo mas ele fica em todas as páginas.

De que forma eu poderia estruturar um código de "If e Else" sendo que a condição seria:

Se no código da pagina não tiver o botão de comprar, habilitar o banner, caso tenha o botão de comprar desabilitar o banner.

Agradeço antecipadamente.

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

cristianoolv· 23 de mai.

Seria mais o menos isso ?

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>Teste</title>
<script type="text/javascript">
	window.onload = function(){
 c = function(id){
 return document.getElementById(id);
 }

 if(c("botao_comprar") != null){
 c("banner").style.display = "none";
 }
	}
</script>
</head>

<body>
<div id="banner">BANER</div>
<input type="button" id="botao_comprar" name="botao_comprar" value="Comprar" />
</body>
</html>

Bru_ce· 23 de mai.

Faça com jQuery.

$("#banner").hide(); ou
$("#banner").css("display","none");

Ted k'· 23 de mai.

Sério? Importar uma biblioteca gigante para fazer uma besteira dessas?

Bergs· 24 de mai.

Sério? Importar uma biblioteca gigante para fazer uma besteira dessas?

Não vejo problema nenhum seu raciocínio foi pensando só nesse script um site não se faz só com uma função de display none, certamente ele vai usar outros jquerys e plugins...