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


Moderador: web

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

Expandir e contrair caixa de texto animate jquery

06-11-2011 19:14

Segue um exemplo de expandir uma caixa de texto ao clicar nela, e contrair a mesma quando perde o foco. O script usa o animate do jQuery

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#campo').click(function() { $(this).animate({ width: '300px' }, 400); });   $('#campo').blur(function() { $(this).animate({ width: '100px' }, 400); });     }); </script>


<input type="text" name="campo" id="campo" value="" style="width:100px;">

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

Expandir e contrair caixa de texto animate jquery

06-11-2011 19:44

Segue agora um exemplo para quem quer aumentar ou diminuir a altura do textarea.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#campo').click(function() { $(this).animate({ height: '300px' }, 400); });   $('#campo').blur(function() { $(this).animate({ height: '100px' }, 400); });     }); </script>


<textarea id="campo" value="" style="width:230px; height:100px;"></textarea>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]