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


Moderador: web

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

Script para aumentar, diminuir e esconder a div

03-03-2008 14:24

Esse script mostra, aumenta ou diminui a largura e também esconde ela.

<style type="text/css"> .pos1{ border:1px solid #cccccc; width:50%; } .pos2{ border:1px solid #cccccc; width:100%; } </style>


<script type="text/javascript"> function troca() { var objeto = document.getElementById("muda"); if(objeto.style.display=="none") { objeto.style.display="block"; } } </script>


<input type="button" value="muda" onclick="troca()">   <div style="width:100%"> <div id="muda" class="pos1" style="display:none;">conteúdo <input type="button" value="aumenta" onclick="document.getElementById('muda').style.width='100%'"> <input type="button" value="diminui" onclick="document.getElementById('muda').style.width='50%'"> <input type="button" value="fecha" onclick="document.getElementById('muda').style.display='none'; document.getElementById('muda').style.width='50%';"> </div> </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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