Olá pessoal, prometi falar sobre sessões, porém vou deixar para próxima.

Hoje falerei um pouco sobre como esconder itens na página utilizando funções em JavaScript,  parece um bixo de sete cabeças, ma é muito mais fácil do que imaginamos.

Bom, a primeira coisa que temos em mente é que: Cada usuário prefere um navegador… Então temos que fazer uma função simples e funcional para que não dê erro em nenhum navegador… Impossível? Não…

Um simples exemplo de mostra e oculta, você pode ver clicando AQUI.

Segue o código abaixo:

1. Primeiro criamos o link chamando a função Java:

2. <a href="javascript:Oculta('primeiro');">
   Clique aqui para ocultar ou exibir a caixa abaixo. </a>

3. Depois criamos um DIV com um ID, aqui chamdo de “PRIMEIRO”:

4. <div style="display:block" id="primeiro"></div>

5. Agora colocamos um textarea dentro da div:

6. <div style="display:block" id="primeiro">       
   <textarea name="textarea" cols="20" rows="5"></textarea> 
   </div>

7. Pronto, agora é só colocar a função em JavaScript.
8. A função se chama Oculta, passando o nome da div como parâmetro:

9. <script> function Oculta(cxa){ 
   if (document.getElementById(cxa).style.display=='none'){     
   document.getElementById(cxa).style.display='block';         
   }else{         
   document.getElementById(cxa).style.display='none';     
   } } 
   </script>

10. Pronto, agora resta salvar e testar a página.

Pense nas grandes possibilidades que você pode ter utilizando esse sitema.

Quando disse no topo da página que temos que fazer uma função para todos os navegadores, vocês perceberam onde está essa diferença? Não? Está a mostra quando definimos o display=”block”. No FireFox não podemos utilizar display=”inline”, como fazemos no IE. Essa era a diferença.

Até a próxima.