Javascript + alterar style de DIV com function

[Demmetrius 0]

Pessoal, desculpe-me se estou postando sem pesquisar...

 

A questão é que já pesquisei e já achei a solução parcial para o meu problema... Não estou conseguindo achar a segunda parte da minha solução.

 

Eu tenho essa function

function sumirDiv(){
document.getElementById("inserir").style.display = "none";
document.getElementById("deletar").style.display = "none";
} 

Criei um botão, que ao clicar vai chamar essa função

<a href="javascript:void(0)" onclick="javascript:sumirDiv();">Cancelar</a>

As divs inserir e deletar estão com as mesmas configurações, mudando apenas o ID.

<div id="inserir">Conteúdo da Div Inserir aqui</div>
<div id="deletar">Conteúdo da Div Deletar aqui</div>

Acontece que essa function funciona perfeitamente para a DIV "inserir", mas simplesmente não acontece nada com a DIV "deletar".

O que fiz de errado ?

 

[Douglas Julião 34]

Estranho cara, seu código aparenta estar certo, inclusive eu testei aqui e funcionou, está dando algum erro no seu console?

ctrl+shift+j

[Demmetrius 0]

Cara... Esqueci dum detalhe:

Tem um IF em PHP na página, que realiza uma mudança na style...

 

Caso a variável esteja ativa, ele mostra a div...

 

Fiz esse mesmo código para a DIV "inserir" e funciona perfeitamente ao clicar no CANCELAR... Mas na div "Deletar", nada acontece.

$deletar = isset($_POST['deletar']) ? $_POST['deletar'] : '';
if($deletar=="1")
{
echo "<style type='text/css'>
#deletar {
	display:block; 
}
</style>";

}

[CamilaLopez 9]

Tente fazer isto com jquery que facilita muito ... mas tenha cidado com esta requisicao ae que pode te atrapalhar !

 

 

$("#id").hide(); // Esconde seu elemento, muito mais pratico que JS

[Douglas Julião 34]

coloca aqui a parte completa desse código, talvez seja alguma coisa na ordem do css que você está adicionando com esse código php, na verdade esse php me confundiu rsrs.

Pois é como a CamilaLopez falou, da pra usar hide() e show() do jquery caso você ja esteja utilizando é bem mais viável O_O

[Demmetrius 0]

Olá, Camila,

 

Coloquei dessa maneira, é assim?

<script type="text/javascript" src="js/jquery-1.11.1.js">
</script>
<script language="javascript">
function TesteDiv()
{
$("#deletar").hide();
}
</script>

Ainda sim... Ao clicar nada acontece... Eu estava testando aqui no Console, os comandos de javascript que eu mando para a DIV inserir funcionam normalmente... na DIV deletar nada acontece... É como se a div estivesse com nome errado... Mas infelizmente conferi o nome nas funções umas 15 vezes.

 

EDIT 11:48 - 22/10

Ahhhhhhhhhhh pessoal!!!

 

Muito obrigado Camila e Douglas... ÓTIMA DICA essa que a Camila passou, ajudou minha vida de mais kkkkkkkk quilos de códigos a menos, e a outra ótima dica do Douglas, de rodar essa função no CONSOLE do Chrome.

 

Quando mandei a função que a Camila mandou, eu consegui descobrir o que era! Essa função dela mostra um "mini log" do que foi alterado na página. Na primeira função apenas mostrava o resultado.

 

Tinha um input exatamente com o mesmo ID da div, e que estava ACIMA da DIV... Ou seja: A function estava funcionando, mas estava aplicando ao INPUT, por este estar acima da DIV no código .

 

Valeu pessoal

[Douglas Julião 34]

Que bom maninho :D