Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17743
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Clica para mostrar ou esconder conteúdo

03-03-2007 11:39

Esse artigo mostra com clicar em um botão para ativar ou esconder um conteúdo, veja o código:

<!-- nosso botão que ativa a função ativa() //--> <input type="button" id="botao" value="mostra" onClick="ativa()">   <!-- o div contendo nosso conteúdo a ser mostrado //--> <div id='div' style='display:none'> conteúdo </div>


<script> function ativa(){ var div = document.getElementById('div') /* se conteúdo está escondido, mostra e troca o valor do botão para: esconde */ if (div.style.display == 'none') { document.getElementById("botao").value='esconde' div.style.display = 'block' } else { /* se conteúdo está a mostra, esconde o conteúdo e troca o valor do botão para: mostra */ div.style.display = 'none' document.getElementById("botao").value='mostra' } } </script>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado