Olá! Quarta Feira, 08 de Fevereiro de 2012.



Dicas CódigoFonte.net
Sexta Feira, 16 de Janeiro de 2009

Esconder e Mostrar DIV's (II)

Um novo jeito de mostrar e econder div's.

<script>

function abrefecha(obj){ 
var el = document.getElementById(obj); 
if(el.style.display != "block"){ 
el.style.display = "block"; 
}else{ 
el.style.display = "none"; 
} 
} 
</script>

<a href="#" onclick="abrefecha('divum');">Mostrar DIV 1</a>
<a href="#" onclick="abrefecha('divdois');">Mostrar DIV 2</a>

<div id="divum" style="display:none;">DIV NÚMERO UM</div>
<div id="divdois" style="display:none;">DIV NÚMERO DOIS</div>


Bem mais prático, com melhor desempenho, deixa seu código mais bem organizado, você não tem o trabalho de ficar chamando as DIV's como no primeiro e com apenas uma função você chama quantas DIV's desejar, bastar dar para cada <div> um id diferente.

Espero que aproveitem e bons estudos.

Obrigado

Enviado por: Andre

Comentários do artigo [Novo comentário]

Mateus - 28 de Janeiro de 2009 - 20:30
Muito bom o código!!!
ronieule feitosa - 19 de Dezembro de 2010 - 22:50
CURTII DA PRA ULTILIZAR COMO BOTÃO DE ABRIR ARQUIVO TIPO JPG ENTRE OUTROS SUBSTITUINDO O DIV "NÚMERO UM" PELO CAMINHO DO ARQUIVO
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:






CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010

Procurando Notebooks, Câmeras Digitais, iPhones?

CompreDeTudo.com