jump to navigation

Função para mostrar/esconder elementos com Javascript. fevereiro 25, 2010

Posted by Anna in HTML, Javascript, Web.
trackback

Hoje vou mostrar uma funçãozinha simples, que pode vir a ser útil para o desenvolvimento WEB.
O que ela faz? Há um checkbox na página, que ao ser selecionado exibe elementos até então ocultos (no nosso caso,os que se encontram na div “experiencia”.

 JAVASCRIPT:
function exibe(id) {  
   if(document.getElementById(id).style.display==”none”) {  
        document.getElementById(id).style.display = “inline”;  
    }    
    else {  
        document.getElementById(id).style.display = “none”;  
    }     
}
No HTML:
 <input type=”checkbox” id=”escolha” onclick=”exibe(‘experiencia’);” />

…….

 <div id=”experiencia” style=”display:none”>
<!– Aqui vai o conteúdo a ser exibido–>

:arrow: Observe as figuras abaixo para ver como funciona.

Ao clicar no checkbox….

Comentários»

No comments yet — be the first.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.