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


Moderador: web

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

Como fazer mais de um evento onclique usando função JavaScript

20-05-2015 20:56

Se por exemplo precisamos esconder ou mostrar uma div quando um botão for clicado, precisamos fazer algo assim:

<input type="button" onclick="document.getElementById('div').style.display='block'" value="mostrar">

É possível fazer isso com o uso de uma função JavaScript, o que vai facilitar bastante. Segue um exemplo de como mostrar e esconder uma div usando uma função.

<style> #div1{display:none;} </style> <script> function clique(id, acao) { document.getElementById(id).style.display=acao; } </script> <input type="button" onclick="clique('div1','block')" value="mostrar"> <input type="button" onclick="clique('div1','none')" value="esconder"> <div id="div1">abcd</div>

É possível também mostrar e esconder várias divs ao mesmo tempo com essa função.

<style> #div1,#div2{display:none;} </style> <script> function clique(id, acao) { document.getElementById(id).style.display=acao; } </script> <input type="button" onclick="clique('div1','block');clique('div2','block')" value="mostrar"> <input type="button" onclick="clique('div1','none');clique('div2','none')" value="mostrar"> <div id="div1">abcd</div> <div id="div2">1234</div>

4
A melhor hospedagem para o seu site HostGator!

Quem está online

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