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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17248
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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